首先我這里的需求呢, 是獲取當(dāng)前用戶的經(jīng)緯度

創(chuàng)新互聯(lián)堅持“要么做到，要么別承諾”的工作理念，服務(wù)領(lǐng)域包括：網(wǎng)站制作、成都做網(wǎng)站、企業(yè)官網(wǎng)、英文網(wǎng)站、手機端網(wǎng)站、網(wǎng)站推廣等服務(wù)，滿足客戶于互聯(lián)網(wǎng)時代的忻城網(wǎng)站設(shè)計、移動媒體設(shè)計的需求，幫助企業(yè)找到有效的互聯(lián)網(wǎng)解決方案。努力成為您成熟可靠的網(wǎng)絡(luò)建設(shè)合作伙伴！

經(jīng)過無數(shù)次的測試, 先后用了 騰訊/百度地圖的api，最后絕對還是高德的js APi

廢話不多說, 直接上代碼。

首先在 index.html 里面 引入

然后 去你需要獲取的頁面 開始寫, 我這里拿來測試用,所以只有一個App.vue 文件。

貌似已經(jīng) 很詳細(xì)了。

通過調(diào)用谷歌的api 可以實現(xiàn) 準(zhǔn)確定位，

function onComplete(data){
 // 這里面是 允許獲取位置服務(wù)后 發(fā)生的事情,這里我直接獲取想要的信息
}
function onError(data){
 // 這里面是獲取定位失敗后, 執(zhí)行的事情,
 // 這里我設(shè)置的是獲取失敗后， 啟用ip 定位
 // 但是有一點嗷，就是不太準(zhǔn)確, 而且安卓微信上 經(jīng)過測試,只能走這里 。
}

下面上完整代碼：

function onComplete(data){
 // 這里面是 允許獲取位置服務(wù)后 發(fā)生的事情,這里我直接獲取想要的信息
}
function onError(data){
 // 這里面是獲取定位失敗后, 執(zhí)行的事情,
 // 這里我設(shè)置的是獲取失敗后， 啟用ip 定位
 // 但是有一點嗷，就是不太準(zhǔn)確, 而且安卓微信上 經(jīng)過測試,只能走這里 。
}

經(jīng)過測試：

ios機型，在微信內(nèi)置瀏覽器 或 其他瀏覽器 可以完美 精確定位

安卓機型， 在微信內(nèi)置瀏覽器 顯示定位失敗， 轉(zhuǎn)為ip定位， 稍有偏差，但不會超級大，但是在其他瀏覽器 可以實現(xiàn)精確定位。

總結(jié)

以上所述是小編給大家介紹的vue 實現(xiàn)Web端的定位功能 獲取經(jīng)緯度,希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復(fù)大家的。在此也非常感謝大家對創(chuàng)新互聯(lián)網(wǎng)站的支持！
如果你覺得本文對你有幫助，歡迎轉(zhuǎn)載，煩請注明出處，謝謝！