高德.js2.0绘制多条折线(轨迹)及清除所有折线

原创已于 2024-06-27 16:00:13 修改 · 1k 阅读

2 ·

CC 4.0 BY-SA版权

文章标签：

#前端

于 2024-06-27 15:11:08 首次发布

高德地图专栏收录该内容

11 篇文章

订阅专栏

2.0版本的地图,需要绘制多条折线的时候,就需要循环生成,因此也需要循环清除

在这里插入图片描述

          for (let j = 0; j < combinedArray.length; j++) {
                const item = combinedArray[j];
                this.polyline = new AMap.Polyline({
                  map: this.map,
                  path: item,
                  showDir: true,
                  strokeColor: "#28F", //线颜色
                  // strokeOpacity: 1,     //线透明度
                  strokeWeight: 6, //线宽
                  // strokeStyle: "solid"  //线样式
                });
                this.map.add(this.polyline);
              }

清除所有的线条

      // 删除所线条
      this.map.getAllOverlays().forEach(function (overlay) {
        if (overlay instanceof AMap.Polyline) {
          // 判断是否为Polyline实例
          overlay.setMap(null); // 从地图上移除
        }
      });