vue-amap在微信开发者工具报错Error

Question

问题描述

在浏览器上正常使用在微信开发者工具句报了这么一个错误
index.js?8f9b:1 Error while parsing the 'allow' attribute: 'geolocation' is an invalid feature name.

问题出现的环境背景及自己尝试过哪些方法

我百度了 完全没有任何解决方法

相关代码

// 请把代码文本粘贴到下方（请勿用图片代替代码）
plugin: [{

          enableHighAccuracy: true,//是否使用高精度定位，默认:true
          timeout: 100,          //超过10秒后停止定位，默认：无穷大
          maximumAge: 0,           //定位结果缓存0毫秒，默认：0
          convert: true,           //自动偏移坐标，偏移后的坐标为高德坐标，默认：true
          showButton: true,        //显示定位按钮，默认：true
          buttonPosition: 'RB',    //定位按钮停靠位置，默认：'LB'，左下角
          showMarker: false,        //定位成功后在定位到的位置显示点标记，默认：true
          showCircle: true,        //定位成功后用圆圈表示定位精度范围，默认：true
          panToLocation: true,     //定位成功后将定位到的位置作为地图中心点，默认：true
          zoomToAccuracy:true,//定位成功后调整地图视野范围使定位位置及精度范围视野内可见，默认：f
          extensions:'all',
          pName: 'Geolocation',
          events: {
              init(o) {
                  // o 是高德地图定位插件实例
                  o.getCurrentPosition((status, result) => {
                      console.log(result)
                      if (result && result.position) {
                          self.lng = result.position.lng;
                          self.lat = result.position.lat;
                          self.center = [self.lng, self.lat];
                          self.loaded = true;
                          self.$nextTick();
                      }
                  });
              }
          }
      }]

你期待的结果是什么？实际看到的错误信息又是什么？

Answer 1

看了下源码。
源码在使用定位时，会先创建一个iframe引入高德的链接。源码中会给iframe添加一个属性allow，值是geolocation，没有这个属性高德会禁用定位功能。而在微信用渲染时，微信认为allow="geolocation"是一个非法属性，很坑爹，暂时无解