原文:cordova使用cordova-plugin-baidumaplocation插件獲取定位

版權聲明：本文為博主原創(chuàng)文章，未經(jīng)博主允許不得轉(zhuǎn)載。 https://blog.csdn.net/mate_ge/article/details/78913914

1、首先在百度地圖開放平臺注冊登錄；

2、創(chuàng)建應用，現(xiàn)在選Android SDK，因為在cordova項目中添加插件的時候，使用的ANDROID_KEY用的Android SDK的key，而不是瀏覽器端的key，所以這里注意一下，同樣的ios的也是，使用IOS SDK應用的key，這里以android為例，就不演示ios應用的創(chuàng)建過程了；

這里為了省去麻煩，勾選了所有的服務，實際上只需要android定位服務就可以了。

不會獲取發(fā)布版SHA1以及開發(fā)版SHA1的同學可以看這里：

http://blog.csdn.net/mate_ge/article/details/78913372

提交成功之后，按照同樣的方式創(chuàng)建IOS SDK，獲取IOS_KEY，需要注意的是，我在添加插件的時候只給了android的key，然后插件安裝失敗，好像是android和ios的key都要才能安裝上cordova插件。IOS SDK中的Bundle Identifier請參照頁面上的提示獲取，我這里從xcode中的general中查看，直接就是包名，也就是appid；

獲取android key和ios key：

我這里不知道為什么通過命令死活裝不上，就是一直卡在fetch的界面：

cordova?plugin?add?cordova-plugin-baidumaplocation?
?--variable?ANDROID_KEY="***"?--variable?IOS_KEY="***"

后來通過git的方式安裝裝上了：

cordova?plugin?add?https://github.com/aruis/cordova-plugin-baidumaplocation?
?--variable?ANDROID_KEY="***"?--variable?IOS_KEY="***"?

安裝完之后，在js代碼中獲取定位：

let onDeviceReady = function () { initBaiduMap(); };

function initBaiduMap() { // 進行定位 if ('baidumap_location' in window) { baidumap_location.getCurrentPosition(function (result) { console.log(result); }, function (error) { console.error(error); }); } else { console.error('baidumap_location is undefined'); } }

document.addEventListener("deviceready", onDeviceReady, false);

執(zhí)行cordova run android啟動應用（真機調(diào)試，手機通過usb連接mac電腦，在終端執(zhí)行adb devices出現(xiàn)記錄，表明設備連接成功，測試設備為華為暢玩X7，android7.0），應用啟動之后，打開chrome，在地址欄輸入chrome://inspect，，點擊inspect，然后打開熟悉的console控制臺：

在控制臺中看到如下信息，表明已經(jīng)可以正常獲取定位地址：

執(zhí)行cordova build ios，然后使用xcode打開工程，運行之后，在控制臺看到：

不知道是不是因為是模擬器的原因，獲取的地址在美國，地址應該是虛擬的。

總結(jié)

以上是生活随笔為你收集整理的cordova使用cordova-plugin-baidumaplocation插件获取定位的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。