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