高德地图报错:多个不一致的key

   如果进入页面第一次加载地图,需要调用加载器 AMapLoader.load()加载,但如果首页加载后,再进入另一个页面继续使用加载器,就会报错: 多个不一致的key;也就是说:在第一次进入页面时 使用高德地图加载器就行(使用一次),如果其他页面需要用到地图,去掉 AMapLoader.load()异步加载,直接使用 AMap类初始化地图即可

  initMap() {
      const centerPosition = this.user.dept.longitudeLatitude.split(",");
      AMapLoader.load({
        key: "你的key", // 申请好的Web端开发者Key,首次调用 load 时必填
        version: "2.0",
        // 指定要加载的 JSAPI 的版本,缺省时默认为 1.4.15
        plugins: [""] // 需要使用的的插件列表,如比例尺'AMap.Scale'等
      })
        .then(async AMap => {
          this.map = new AMap.Map("container_screen", {
            //设置地图容器id
            viewMode: "3D", //是否为3D地图模式
            zoom: 10, //初始化地图级别
            mapStyle: "amap://styles/143f0ccf9d9d8612ae24f7846639eb93",
            center: centerPosition || [115.48, 32.98] //初始化地图中心点位置
          });
          await this.getIndexTotal();
          this.totalInfo.wgGrids.forEach(item => {});
          this.map.on("click", () => {
            if (this.infoWindow) {
              this.infoWindow.close();
              this.infoWindowVisible = false;
              this.infoWindow = null;
            }
          });
          // this.editDridArea()
          //获取边界坐标点
          AMap.plugin("AMap.DistrictSearch", () => {
            var districtSearch = new AMap.DistrictSearch({
              // 关键字对应的行政区级别,共有5种级别
              level: "district",
              //  是否显示下级行政区级数,1表示返回下一级行政区
              subdistrict: 0,
              // 返回行政区边界坐标点
              extensions: "all"
            });

            // 搜索所有省/直辖市信息
            districtSearch.search("鹿邑县", (status, result) => {
              // 查询成功时,result即为对应的行政区信息
              this.handlePolygon(result);
            });
          });
        })
        .catch(e => {
          console.log(e);
        });
    },

评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值