1、問題描述:最近想開發一款h5手機網頁版高德地圖應用,於是采用了vue-cli進行單頁開發,執行了npm run dev,在終端復制了本地服務器地址 http://0.0.0.0:8080 在谷歌瀏覽器手機模擬器中訪問,結果地圖一直無法進行定位,谷歌瀏覽器報出了 "Geolocation permission denied",非常郁悶!
{type: "error", message: "Geolocation permission denied.", info: "FAILED", status: 0}
2、定位失敗截圖:
3、解決方案
結果在官網上找到了答案 https://lbs.amap.com/faq/js-api/map-js-api/position-related/43361,答案就在截圖紅框部分。那么這里所得到的結論就是用 localhost 訪問就不會出現禁止定位的問題了,那么直接在瀏覽器地址上輸入 http://localhost:8080 就解決了無法定位的問題。
4、定位成功截圖: