h5 高德地图开发 谷歌浏览器定位失败解决方案

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、定位成功截图:

猜你喜欢

转载自www.cnblogs.com/zion0707/p/12688893.html