首页 > 其他 > 详细

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

时间:2020-04-13 10:21:10      阅读:750      评论:0      收藏:0      [点我收藏+]

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

技术分享图片

 

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

原文:https://www.cnblogs.com/zion0707/p/12688893.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!