集成到 React Native

申请开发者key

使用 keytool(jdk自带工具)获取 SHA1

打开CMD,进入到 ~/.android 下,执行 keytool -list -v -keystore debug.keystore,这是测试者的keystore,会叫输入秘钥,默认没有,直接回车即可

获取包名

到React Native项目的android目录下,打开app/src/main/AndroidManifest.xml,即可看package字段即为到包名

创建Android的key

到高德开发者中心创建应用,并输入刚才获取到的SHA1和packageName

这样即可获取到高德的开发者key

react-native-amap3d

使用 react-native-amap3d 可以很容易地集成高德地图

安装:

yarn add react-native-amap3d
react-native link react-native-amap3d

配置Android应用

编辑 Android 项目的 AndroidManifest.xml(一般在 android\app\src\main\AndroidManifest.xml),添加如下代码:

<application>
  <meta-data
    android:name="com.amap.api.v2.apikey"
    android:value="你的高德 Key" />
</application>

基本使用

import { MapView } from 'react-native-amap3d'
<MapView ref={e => this.map = e}
  style={{width: vw(1), height: vh(1)}}
  coordinate={{
    latitude: 39.91095,
    longitude: 116.37296,
  }}
  zoomLevel={18}
  tilt={20}
  showsIndoorMap
/>

参考

MIT Licensed | Copyright © 2018-present 滇ICP备16006294号

Design by Quanzaiyu | Power by VuePress