Mapa incorporado

front/subastasAEAT/components/Map.js

@@ -27,9 +27,6 @@ function createMarker(modifier = 1) {
 
 const MARKERS = [
   createMarker(),
-  createMarker(2),
-  createMarker(3),
-  createMarker(4),
 ];
 
 const DEFAULT_PADDING = { top: 40, right: 40, bottom: 40, left: 40 };
@@ -84,32 +81,6 @@ class FitToCoordinates extends React.Component {
             />
           ))}
         </MapView>
-        <View style={styles.buttonContainer}>
-          <TouchableOpacity
-            onPress={() => this.fitPadding()}
-            style={[styles.bubble, styles.button]}
-          >
-            <Text>Fit Bottom Two Markers with Padding</Text>
-          </TouchableOpacity>
-          <TouchableOpacity
-            onPress={() => this.fitBottomTwoMarkers()}
-            style={[styles.bubble, styles.button]}
-          >
-            <Text>Fit Bottom Two Markers</Text>
-          </TouchableOpacity>
-          <TouchableOpacity
-            onPress={() => this.fitAllMarkers()}
-            style={[styles.bubble, styles.button]}
-          >
-            <Text>Fit All Markers</Text>
-          </TouchableOpacity>
-          <TouchableOpacity
-            onPress={() => this.logFrames()}
-            style={[styles.bubble, styles.button]}
-          >
-            <Text>Log markers frames</Text>
-          </TouchableOpacity>
-        </View>
       </View>
     );
   }
@@ -123,6 +94,7 @@ const styles = StyleSheet.create({
   },
   map: {
     ...StyleSheet.absoluteFillObject,
+    height: 200,
   },
   bubble: {
     backgroundColor: 'rgba(255,255,255,0.7)',
@@ -130,17 +102,6 @@ const styles = StyleSheet.create({
     paddingVertical: 12,
     borderRadius: 20,
   },
-  button: {
-    marginTop: 12,
-    paddingHorizontal: 12,
-    alignItems: 'center',
-    marginHorizontal: 10,
-  },
-  buttonContainer: {
-    flexDirection: 'column',
-    marginVertical: 20,
-    backgroundColor: 'transparent',
-  },
 });
 
 export default FitToCoordinates;

front/subastasAEAT/components/card/Bien.js

@@ -10,6 +10,7 @@ import {
 } from "react-native";
 import { Container, Badge, Header, Content, Card, CardItem, Thumbnail, Text, Button, Icon, Left, Body, Right } from 'native-base';
 import ReadMore from 'react-native-read-more-text';
+import Map from "../Map";
 
 
 export default class Bien extends Component{
@@ -49,6 +50,10 @@ export default class Bien extends Component{
             <Text>
               <Text>{this.props.bien.datos.direccion} {this.props.bien.datos.codigo_postal}</Text>
             </Text>
+            
+          </CardItem>
+          <CardItem style={{ height: 275}}>
+          	<Map />
           </CardItem>
 
           <CardItem>