MapView airbnb ReactNative keine visuelle

Question

Irgendwelche Ideen bei der Verwendung https://github.com/airbnb/react-native-maps Ich bekomme ein Kartenraster, aber keine visuelle? Ich habe die Instillationsanweisungen befolgt und finde keine Fehler wie meine auf google.Hier ist mein Code, der nach dem Instillationsprozess funktioniert. Funktioniert wie in es nur zeigt ein Gitter keinen Plan

import MapView from 'react-native-maps'; 
import React, { Component } from 'react'; 
import { 
    View, 
    StyleSheet 
} from 'react-native'; 

const styles = StyleSheet.create({ 
    container: { 
    position: 'absolute', 
    top: 0, 
    left: 0, 
    right: 0, 
    bottom: 0, 


    }, 
    map: { 
    position: 'absolute', 
    top: 0, 
    left: 0, 
    right: 0, 
    bottom: 0, 
    }, 
}); 

class Navigatord extends Component { 

    constructor() { 
    super(); 
    } 

    render() { 
    return (
     <View style={styles.container}> 
     <MapView 
     style={ styles.map } 
     initialRegion={{ 
      latitude: 37.78825, 
      longitude: -122.4324, 
      latitudeDelta: 0.0922, 
      longitudeDelta: 0.0421, 
     }} 
     /></View> 
    ); 
    } 

} 

export default Navigatord; 

Answer 1

Zuerst sollten Sie alle Schritte in Übereinstimmung mit dieser Anweisung überprüfen [https://github.com/airbnb/react-native-maps/blob/master/docs/installation.md][1].

Wenn Sie den Emulator eines echten Geräts (wie Genymotion) verwenden, stellen Sie bitte sicher, dass Sie den Google Play-Support installiert haben.

Überprüfen Sie, ob das Internet (GPS/Wifi/Daten) auf Ihrem Gerät aktiviert ist.

Und vergessen Sie nicht hinzufügen Breite und Höhe zu Stilen der Karte.

const styles = StyleSheet.create({ container: { position: 'absolute', top: 0, left: 0, right: 0, bottom: 0 }, map: { position: 'absolute', top: 0, left: 0, right: 0, bottom: 0, width: 200, height: 200 }, });