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目錄下

其實你粘貼到哪裏都無所謂的，之所以粘貼到這裏是便於 下面Terminal中訪問，在Teriminal中輸入下列命令

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

接着 它會提示你輸入密匙口令，這個密匙口令就在你項目的文件中，如下圖

輸入口令後 就回彈出SHA1值了 如下圖

這個是調試版的SHA1值 將其粘貼到下圖紅框內

 

下面是獲取發行版本SHA1值的方法(這個my-release-key.keystore實在打包的時候生成的)

獲取SHA1值：

將其粘貼到

填寫完成後就獲取到了key值

 

第二步：編輯Android項目的AndroidManifest.xml文件  一般在android\app\src\main\AndroidManifest.xml，添加如下代碼：

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

然後就可以使用了，使用方法參考https://github.com/qiuxiang/react-native-amap3d

 

第一坑

在我安裝時候後我發現   locationInterval 這個屬性不管用，無論我設置成幾秒 他都是按照默認的兩秒執行一次，百般嘗試下 偶然發現，將這個屬性與localtionEnable屬性調換位置然後再次運行就會生效。感覺很奇怪。