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

debugcn 发表于 Dev

哈坎

我尝试使用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>

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

丽莎·凯瑟琳·奥姆比奥

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

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:+'

要添加，请添加此内容。

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

在此代码之后添加 apiKey：

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

所以它应该是这样的：

<activity android:name="com.facebook.react.devsupport.DevSettingsActivity" />
  <meta-data
    android:name="com.google.android.geo.API_KEY"
    android:value="yourAPIkey"
  />

本文收集自互联网，转载请注明来源。

如有侵权，请联系[email protected] 删除。