溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
首先我這里的需求呢, 是獲取當前用戶的經緯度
經過無數次的測試, 先后用了 騰訊/百度地圖的api，最后絕對還是高德的js APi
廢話不多說, 直接上代碼。
首先在 index.html 里面 引入
<script type="text/javascript" src="https://webapi.amap.com/maps?v=1.4.15&key=你申請的key"></script>
然后 去你需要獲取的頁面 開始寫, 我這里拿來測試用,所以只有一個App.vue 文件。
貌似已經 很詳細了。
通過調用谷歌的api 可以實現 準確定位，
function onComplete(data){
// 這里面是 允許獲取位置服務后 發生的事情,這里我直接獲取想要的信息
}
function onError(data){
// 這里面是獲取定位失敗后, 執行的事情,
// 這里我設置的是獲取失敗后， 啟用ip 定位
// 但是有一點嗷，就是不太準確, 而且安卓微信上 經過測試,只能走這里 。
}
下面上完整代碼：
function onComplete(data){
// 這里面是 允許獲取位置服務后 發生的事情,這里我直接獲取想要的信息
}
function onError(data){
// 這里面是獲取定位失敗后, 執行的事情,
// 這里我設置的是獲取失敗后， 啟用ip 定位
// 但是有一點嗷，就是不太準確, 而且安卓微信上 經過測試,只能走這里 。
}
經過測試：
ios機型，在微信內置瀏覽器 或 其他瀏覽器 可以完美 精確定位
安卓機型， 在微信內置瀏覽器 顯示定位失敗， 轉為ip定位， 稍有偏差，但不會超級大，但是在其他瀏覽器 可以實現精確定位。
總結
以上所述是小編給大家介紹的vue 實現Web端的定位功能 獲取經緯度,希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復大家的。在此也非常感謝大家對億速云網站的支持！
如果你覺得本文對你有幫助，歡迎轉載，煩請注明出處，謝謝！
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
