openlayers+vue实现在地图上删除text文本

最新推荐文章于 2023-09-04 01:41:19 发布

今天也需要努力搬砖呐

最新推荐文章于 2023-09-04 01:41:19 发布

阅读量1k

点赞数

分类专栏： openlayers 文章标签： vue.js 前端

本文链接：https://blog.csdn.net/weixin_46262744/article/details/124146073

版权

openlayers 专栏收录该内容

8 篇文章 3 订阅

订阅专栏

openlayers+vue实现在地图上删除text文本标注

在这里插入图片描述

//根据图层名称移出图层
    removeLayerByName(layerName) {
      let layerArr = this.map.getLayers().array_;
      for (let i = 0; i < layerArr.length; i++) {
        let ln = layerArr[i].values_.name;
        if (ln == layerName) {
          this.map.removeLayer(layerArr[i]);
        }
      }
    },

首先我们在地图上站到name名例如这种

  var layer = new VectorLayer({
        source: sourceArr,
        visible: this.layerShowFlag, //先测试下,这样就行了，设置true或者false=
        name: "地面填图", //设置图层名称，根据名称查找图层
      });

      //地图添加画板
      this.map.addLayer(layer);

就这样然后在调用到需要删除的函数中

通过