資訊專(zhuān)欄INFORMATION COLUMN
摘要：通過(guò)調(diào)用谷歌的可以實(shí)現(xiàn)準(zhǔn)確定位，這里面是允許獲取位置服務(wù)后發(fā)生的事情這里我直接獲取想要的信息這里面是獲取定位失敗后執(zhí)行的事情這里我設(shè)置的是獲取失敗后，啟用定位但是有一點(diǎn)嗷，就是不太準(zhǔn)確而且安卓微信上經(jīng)過(guò)測(cè)試只能走這里。
首先我這里的需求呢, 是獲取當(dāng)前用戶(hù)的經(jīng)緯度
經(jīng)過(guò)無(wú)數(shù)次的測(cè)試, 先后用了 騰訊/百度地圖的api，最后絕對(duì)還是高德的js APi
廢話(huà)不多說(shuō), 直接上代碼。
首先在 index.html 里面 引入
然后 去你需要獲取的頁(yè)面 開(kāi)始寫(xiě), 我這里拿來(lái)測(cè)試用,所以只有一個(gè)App.vue 文件。
貌似已經(jīng) 很詳細(xì)了。
通過(guò)調(diào)用谷歌的api 可以實(shí)現(xiàn) 準(zhǔn)確定位，
function onComplete(data){
// 這里面是 允許獲取位置服務(wù)后 發(fā)生的事情,這里我直接獲取想要的信息
}
function onError(data){
// 這里面是獲取定位失敗后, 執(zhí)行的事情,
// 這里我設(shè)置的是獲取失敗后， 啟用ip 定位
// 但是有一點(diǎn)嗷，就是不太準(zhǔn)確, 而且安卓微信上 經(jīng)過(guò)測(cè)試,只能走這里 。
}
下面上完整代碼：
methods: {
getLocation() {
let _this = this;
AMap.plugin("AMap.Geolocation", function () {
var geolocation = new AMap.Geolocation({
// 是否使用高精度定位，默認(rèn)：true
enableHighAccuracy: true,
// 設(shè)置定位超時(shí)時(shí)間，默認(rèn)：無(wú)窮大
timeout: 5000,
})
geolocation.getCurrentPosition()
AMap.event.addListener(geolocation, "complete", onComplete);
AMap.event.addListener(geolocation, "error", onError);
// data是具體的定位信息
function onComplete(data) {
console.log("具體的定位信息",data)
}
function onError(data) {
// 失敗 啟用 ip定位
AMap.plugin("AMap.CitySearch", function () {
var citySearch = new AMap.CitySearch();
citySearch.getLocalCity(function (status, result) {
if (status === "complete" && result.info === "OK") {
// 查詢(xún)成功，result即為當(dāng)前所在城市信息
console.log("通過(guò)ip獲取當(dāng)前城市：", result)
}
})
})
}
})
},
},
created () {
// 此處為調(diào)用精確定位之后，調(diào)取ip定位，可根據(jù)實(shí)際情況改寫(xiě)
this.getLocation();
}
經(jīng)過(guò)測(cè)試：
ios機(jī)型，在微信內(nèi)置瀏覽器 或 其他瀏覽器 可以完美 精確定位
安卓機(jī)型， 在微信內(nèi)置瀏覽器 顯示定位失敗， 轉(zhuǎn)為ip定位， 稍有偏差，但不會(huì)超級(jí)大，但是在其他瀏覽器 可以實(shí)現(xiàn)精確定位。
具體原因 還沒(méi)有解決， 希望大佬們， 可以提出建議 意見(jiàn)咯。
本人小菜雞一枚， 希望結(jié)識(shí)各路大佬~~~~
另外可以相互學(xué)習(xí)喲， 這里有個(gè) 杠精群, 既可以討論經(jīng)驗(yàn)技術(shù),又可以 吹牛嗷：
文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址：http://www.ezyhdfw.cn/yun/106538.html
摘要：草案的前身名為，于年被提出，于年被接納，并成立了新的工作團(tuán)隊(duì)。的第一份正式草案已于年月日公布。年月日，萬(wàn)維網(wǎng)聯(lián)盟正式宣布凝結(jié)了大量網(wǎng)絡(luò)工作者心血的規(guī)范已經(jīng)正式定稿。 簡(jiǎn)述 最近在苦逼學(xué)習(xí)Javascript，并且是有任務(wù)需要去完成的，因此就有一個(gè)想法要總結(jié)記錄一下自己的學(xué)習(xí)成果。這次的總結(jié)主題是html5實(shí)現(xiàn)定位地理位置的任務(wù)，結(jié)合原生的Javascript實(shí)現(xiàn)此功能。 html5 什...
摘要：草案的前身名為，于年被提出，于年被接納，并成立了新的工作團(tuán)隊(duì)。的第一份正式草案已于年月日公布。年月日，萬(wàn)維網(wǎng)聯(lián)盟正式宣布凝結(jié)了大量網(wǎng)絡(luò)工作者心血的規(guī)范已經(jīng)正式定稿。 簡(jiǎn)述 最近在苦逼學(xué)習(xí)Javascript，并且是有任務(wù)需要去完成的，因此就有一個(gè)想法要總結(jié)記錄一下自己的學(xué)習(xí)成果。這次的總結(jié)主題是html5實(shí)現(xiàn)定位地理位置的任務(wù)，結(jié)合原生的Javascript實(shí)現(xiàn)此功能。 html5 什...
摘要：草案的前身名為，于年被提出，于年被接納，并成立了新的工作團(tuán)隊(duì)。的第一份正式草案已于年月日公布。年月日，萬(wàn)維網(wǎng)聯(lián)盟正式宣布凝結(jié)了大量網(wǎng)絡(luò)工作者心血的規(guī)范已經(jīng)正式定稿。 簡(jiǎn)述 最近在苦逼學(xué)習(xí)Javascript，并且是有任務(wù)需要去完成的，因此就有一個(gè)想法要總結(jié)記錄一下自己的學(xué)習(xí)成果。這次的總結(jié)主題是html5實(shí)現(xiàn)定位地理位置的任務(wù)，結(jié)合原生的Javascript實(shí)現(xiàn)此功能。 html5 什...
摘要：草案的前身名為，于年被提出，于年被接納，并成立了新的工作團(tuán)隊(duì)。的第一份正式草案已于年月日公布。年月日，萬(wàn)維網(wǎng)聯(lián)盟正式宣布凝結(jié)了大量網(wǎng)絡(luò)工作者心血的規(guī)范已經(jīng)正式定稿。 簡(jiǎn)述 最近在苦逼學(xué)習(xí)Javascript，并且是有任務(wù)需要去完成的，因此就有一個(gè)想法要總結(jié)記錄一下自己的學(xué)習(xí)成果。這次的總結(jié)主題是html5實(shí)現(xiàn)定位地理位置的任務(wù)，結(jié)合原生的Javascript實(shí)現(xiàn)此功能。 html5 什...
閱讀 1807·2021-11-11 10:58
閱讀 4355·2021-09-09 09:33
閱讀 1323·2021-08-18 10:23
閱讀 1626·2019-08-30 15:52
閱讀 1718·2019-08-30 11:06
閱讀 1935·2019-08-29 14:03
閱讀 1564·2019-08-26 14:06
閱讀 3047·2019-08-26 10:39
