Reagieren native Karte Integration

Question

Ich versuche, Karte in reagieren native zu integrieren. Ich folge dem folgenden Tutorial. https://github.com/airbnb/react-native-maps

Ich habe alle Installationsanweisungen durchlaufen. Ich verwende react-native version : 0.44.0 und react-native-map version : 0.13.0 Ich stellte sicher, dass react-native-link mit Android und iOS verknüpft ist. Beim Rendern der Kartenansicht im IOS-Simulator wird die Karte nicht angezeigt und ich kann nur eine leere Karte mit roter Umrandung erstellen.

Bitte überprüfen Sie meinen untenstehenden Code und lassen Sie mich wissen, wo ich falsch liege.

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

Answer 1

Versuchen Sie, einen Blick und ein paar Höhen und ... 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> 

Answer 2

Denken Sie daran, geben Sie Ihre Google Maps-API-Schlüssel in der AndroidManifest.xml aufzunehmen.