React本地地图集成

2017-08-10 78 views 3 likes

我正在尝试将地图整合为原生地图。我正在关注下面的教程。 https://github.com/airbnb/react-native-maps React本地地图集成

我经历了所有的安装指导。我正在使用react-native version : 0.44.0和react-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, 
    }} 
/>

来源

2017-08-10 Sambit Prakash

我建议你先检查一下Genymotion是否适合你。你使用模拟器还是物理设备？ –

回答

尝试添加视图和一些高度和... 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>

来源

2017-08-10 21:00:46

你好，@jeremie，谢谢你的回复。对不起，说你不适合我。我已经通过这个代码。我也更新react-native-map版本到0.16.0。但是没有效果。 –

最后我在将RN更新到0.47.1后解决了这个问题。我也更新地图版本为0.16.1。现在它工作正常。 –

请记住，包括在AndroidManifest.xml你的谷歌地图API密钥。

来源

2017-08-17 09:57:57

React本地地图集成

回答

相关问题