2017-08-10 96 views
3

我正在嘗試將地圖整合爲原生地圖。我正在關注下面的教程。 https://github.com/airbnb/react-native-mapsReact本地地圖集成

我經歷了所有的安裝指導。 我正在使用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, 
    }} 
/> 
+0

我建議你先檢查一下Genymotion是否適合你。你使用模擬器還是物理設備? –

回答

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> 
+0

你好,@jeremie,謝謝你的回覆。對不起,說你不適合我。我已經通過這個代碼。我也更新react-native-map版本到0.16.0。但是沒有效果。 –

+0

最後我在將RN更新到0.47.1後解決了這個問題。 我也更新地圖版本爲0.16.1。現在它工作正常。 –

0

請記住,包括在AndroidManifest.xml你的谷歌地圖API密鑰。