React本地地圖集成

2017-08-10 64 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。現在它工作正常。 –