react-native-maps 未完全加载

Question

我在我的项目中使用了react-native-maps。但是，在我缩小地图或在地图内部导航后，地图变成空白，如图所示，因为它没有加载。解决方案是什么？

这是代码片段：

<MapView
        ref={mapRef}
        provider={PROVIDER_GOOGLE}
        showsUserLocation={true}
        showsMyLocationButton={true}
        zoomEnabled={true}
        style={styles.map}
        initialRegion={initialOrigin}
        onRegionChangeComplete={initialOriginChangeHandler}>
        <Marker
          coordinate={{
            latitude: initialOrigin.latitude,
            longitude: initialOrigin.longitude,
          }}
        />
      </MapView>

Answer 1

首先，暂时不要将 google API 限制在 https://console.cloud.google.com/ 上。其次，将 flex:1; height:400; width:400 从 react-native-maps 添加到您的 MapView。

react-native-maps 未完全加载

react-native-maps not loaded fully

android

react-native

react-native-maps