Openlayer中的Layer图层

通常要初始化一个vectorLayer空对象,好处:

  1. 通过Object.keys(this.vectorLayer).length来判断图层是否为{}
  2. 通过this.vectorLayer.getSource()来获取数据源。这样就不用初始化一个空数据源对象了

获取图层所有属性

layer.getProperties()

添加图层

    addLayer() {
      if (Object.keys(this.vectorLayer).length !== 0) return;

      // 设置图层
      this.vectorLayer= new VectorLayer({
        source: new VectorSource({
          features: new GeoJSON().readFeatures(this.geojsonData),
        }),
      });
      // 添加图层
      this.map.addLayer(this.vectorLayer);
    },

移除图层

    removeLayer() {
      if (Object.keys(this.vectorLayer).length == 0) return;

      this.vectorLayer.getSource().clear();
      this.map.removeLayer(this.vectorLayer);
      this.vectorLayer= {};
    },

获取map中的所有图层 

map.getLayers()

获取图层数组

map.getLayers().getArray()

设置图层是否可见

layer.setVisible(bool)

获取图层属性

layer.get("xxx")

根据图层名获取图层

    getLayerByName(layername) {
      let layers = this.map.getLayers().getArray();
      for (const layer of layers) {
        if (layer.get("name") == layername) {
          return layer;
        }
      }
    },

  • 3
    点赞
  • 14
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值