百度地图Gl版实现tilesloaded只监听一次

毛三仙

于 2024-09-13 17:27:41 发布

阅读量83

点赞数 2

分类专栏：地图文章标签： vue.js 前端 javascript

本文链接：https://blog.csdn.net/m0_74149462/article/details/142216153

版权

地图专栏收录该内容

27 篇文章 2 订阅

订阅专栏

    initMap() {
     this.bdMap = new this.BMapGL.Map("map-container"); // 创建Map实例
          this.bdMap.centerAndZoom(
            new this.BMapGL.Point(
              this.mapConfig.center.lng,
              this.mapConfig.center.lat
            ),
            this.mapConfig.zoom
          ); // 初始化地图,设置中心点坐标和地图级别
          this.bdMap.enableScrollWheelZoom(true); // 开启鼠标滚轮缩放

          if (this.mapConfig.style?.custom) {
            const { custom, styleJson, styleId } = this.mapConfig.style;
            let config;
            if (custom === "styleJson") {
              config = { styleJson }; // styleJson与ak无关联
            } else if (custom === "styleId") {
              config = { styleId }; // 发布的styleID需要与ak为同一个用户
            }
            this.$nextTick(() => {
              this.bdMap.setMapStyleV2(config);
            });
          }

          const add = () => {
            this.$emit("map-loaded", {
              map: this.bdMap,
              BMapGL: this.BMapGL,
            })
            if (this.listenOnce) {
              this.bdMap.removeEventListener("tilesloaded",add);
            }
          }
          this.bdMap.addEventListener("tilesloaded",add);
    },