记一坑：vue-amap的Geolocation插件在chrome浏览器精准定位失败问题

最新推荐文章于 2025-07-08 11:12:11 发布

原创

最新推荐文章于 2025-07-08 11:12:11 发布 · 1.8w 阅读

8 ·

CC 4.0 BY-SA版权

本文记录了在使用vue-amap的Geolocation插件时遇到的Chrome浏览器定位失败的问题。主要讨论了Chrome对非安全域定位的限制，浏览器定位失败的各种原因，以及可能的解决方案，如切换到HTTPS，使用getCityInfo方法等。同时提到，虽然IE浏览器能精准定位，但其他浏览器可能因各种原因导致定位失败。最后，分享了相关参考资料。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

一、Geolocation使用： https://elemefe.github.io/vue-amap/#/zh-cn/plugins/geolocation

官网提示：由于 Chrome 、IOS10 等已不再支持非安全域的浏览器定位请求，为保证定位成功率和精度，请尽快升级您的站点到 HTTPS 。

记得在main.js中plugin中加入 ‘AMap.Geolocation’
在这里插入图片描述
没加报错内容:

二、 console发现Get IPlocation failed

module.exports = {
  data () {
    let self = this
    return {
      center: [121.59996, 31.197646],
      lng: 0,
      lat: 0,
      loaded: false,
      plugin: [{
        pName: 'Geolocation',
        events: {
          init (o) {
            // o 是高德地图定位插件实例
            o.getCurrentPosition((status, result) => {
              console.log(status, result)
              i