反映原生地图集成

时间:2017-08-10 19:48:21

标签: ios react-native react-native-ios react-native-maps

我正在尝试将地图集成在本机中。我正在按照以下教程。 https://github.com/airbnb/react-native-maps

我完成了所有安装说明。 我使用react-native version : 0.44.0react-native-map version : 0.13.0 我确保react-native-link与android和iOS链接。 在ios模拟器中渲染mapview时,地图没有显示,只有我能够使用红色轮廓的空白地图。

请检查我的以下代码并告诉我,我错了。

var MapView = require('react-native-maps');
<MapView
    initialRegion={{
    latitude: 37.78825,
    longitude: -122.4324,
    latitudeDelta: 0.0922,
    longitudeDelta: 0.0421,
    }}
/>

2 个答案:

答案 0 :(得分:0)

尝试添加一个视图和一些高度... StyleSheet.absoluteFillObject

<View style={{height:400}}>
    <MapView 
         style={{ ...StyleSheet.absoluteFillObject,height:400 }}
         initialRegion={{
             latitude: 37.78825,
             longitude: -122.4324,
             latitudeDelta: 0.0922,
             longitudeDelta: 0.0421,
         }}
    />
</View>

答案 1 :(得分:0)

请务必在AndroidManifest.xml中添加Google Maps API密钥。