Question

我尝试使用react-native-maps。我这样尝试过：

 <View style={styles.container}>
          <MapView style={styles.map}
             region={{
               latitude: this.state.latitude,
               longitude:this.state.longitude,
               latitudeDelta:0.1,
               longitudeDelta:0.1, 
             }}

          >
            <Marker
              coordinate= {{
                latitude: 38.41885,
                longitude: 27.12872,
              }}
              title={'my marker'}
              description={'test'}
            />


        </MapView>
      </View>

但是，当我启动应用程序时，应用程序立即关闭。我不明白为什么要关闭？

Answer 1

尝试一下，如果它不起作用，请检查您的Android模拟器是否具有Google Play服务。

switch

要添加，请添加。

compile(project(':react-native-maps')){
 exclude group: 'com.google.android.gms', module: 'play-services-base'
 exclude group: 'com.google.android.gms', module: 'play-services-maps'
}
compile 'com.google.android.gms:play-services-base:+'
compile 'com.google.android.gms:play-services-maps:+'

在此代码后添加apiKey：

<meta-data
    android:name="com.google.android.geo.API_KEY"
    android:value="yourApiKey"
  />

所以应该像这样：

<activity android:name="com.facebook.react.devsupport.DevSettingsActivity" />

如何在react-native中使用react-native -maps

1 个答案: