React Native集成高德地图(android)

首先要在这个网站上注册用户  然后根据说明创建应用,在应用右边点击加号添加key。

如何获取key:   https://lbs.amap.com/api/android-sdk/guide/create-project/get-key

获取key之前需要填写两个SHA1值 ,一个是发行版本的SHA1值 一个是调试时候的SHA1值

获取调试版本SHA1值(需要根据开发工具的不同来生成,我用的是android studio来生成的)

  在系统的目录下 有个开发工具默认的debug.keystore(安装了android studio后就会有的)。将其拷贝出来,粘贴到项目目录下的android/keystores目录下

React Native集成高德地图(android)_第1张图片

其实你粘贴到哪里都无所谓的,之所以粘贴到这里是便于 下面Terminal中访问,在Teriminal中输入下列命令

$ keytool -v -list -keystore C:\Users\CXT\.android\debug.keystore

接着 它会提示你输入密匙口令,这个密匙口令就在你项目的文件中,如下图

React Native集成高德地图(android)_第2张图片React Native集成高德地图(android)_第3张图片

输入口令后 就回弹出SHA1值了 如下图

React Native集成高德地图(android)_第4张图片

这个是调试版的SHA1值 将其粘贴到下图红框内

React Native集成高德地图(android)_第5张图片

 

下面是获取发行版本SHA1值的方法(这个my-release-key.keystore实在打包的时候生成的)

获取SHA1值:

React Native集成高德地图(android)_第6张图片

将其粘贴到

React Native集成高德地图(android)_第7张图片

填写完成后就获取到了key值

React Native集成高德地图(android)_第8张图片

 

第二步:编辑Android项目的AndroidManifest.xml文件  一般在android\app\src\main\AndroidManifest.xml,添加如下代码:


  

然后就可以使用了,使用方法参考https://github.com/qiuxiang/react-native-amap3d

 

第一坑

在我安装时候后我发现   locationInterval 这个属性不管用,无论我设置成几秒 他都是按照默认的两秒执行一次,百般尝试下 偶然发现,将这个属性与localtionEnable属性调换位置然后再次运行就会生效。感觉很奇怪。

React Native集成高德地图(android)_第9张图片

 

 

 

 

 

 

 

你可能感兴趣的:(React,Native)