Openlayer中的Layer图层

拼搏现实的明天。 2022-09-09 13:51 290阅读 0赞

> 通常要初始化一个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;
            }
          }
        },

发表评论取消回复

表情：

评论列表（有 0 条评论，290人围观）

还没有评论，来说两句吧...

相关阅读

相关 147: vue+openlayers 从LayerGroup中添加删除Layer，显示隐藏图层组

![在这里插入图片描述][a957f6e5910d474facb7f2ad7fab4ce3.png_pic_center] 第147个 [点击查看专栏目录][Link 1]

女爷i/ 2024年04月01日 08:24/ 0 赞/ 70 阅读

相关 openlayers实现图层列表功能

动态在div的ul标签内添加li标签，并且显示不同样式的地图数据 <!DOCTYPE html> <html> <head> <meta

本是古典何须时尚/ 2023年10月05日 17:24/ 0 赞/ 25 阅读

相关 OpenLayers 3 之地图图层(Layers) 详解

很好的文章： [https://blog.csdn.net/qingyafan/article/details/45398131][https_blog.csdn.net_q

红太狼/ 2023年07月18日 09:46/ 0 赞/ 8 阅读

相关 Caffe中的crop_layer层

Crop\_layer是在Fully Convolutional Networks for Semantic Segmentation这篇论文中接触到的。我发现网络配置文件中使

一时失言乱红尘/ 2022年11月20日 00:58/ 0 赞/ 225 阅读

相关 MDNet中layers层的输出

layers = nn.Sequential(OrderedDict([ ('conv1', nn.Sequential(nn.

àì夳堔傛蜴生んèń/ 2022年11月10日 14:27/ 0 赞/ 172 阅读

相关 Openlayers中多图层遮挡时调整图层上下顺序

场景 Openlayers中加载Geoserver切割的EPSG:900913离线瓦片地图并显示： [https://blog.csdn.net/BADAO\_LIUM

女爷i/ 2022年10月19日 05:58/ 0 赞/ 383 阅读

相关 Openlayer中的Layer图层

> 通常要初始化一个vectorLayer空对象，好处： > > 1. 通过Object.keys(this.vectorLayer).length来判断图层是否为\{\}

拼搏现实的明天。/ 2022年09月09日 13:51/ 0 赞/ 291 阅读

相关 Caffe中的crop_layer层

Crop\_layer是在Fully Convolutional Networks for Semantic Segmentation这篇论文中接触到的。我发现网络配置文件中使

Love The Way You Lie/ 2022年05月29日 07:43/ 0 赞/ 354 阅读

相关 openlayer中geojson要素图层设置style样式

import "ol/ol.css"; import { Map, View } from "ol"; import { TileWMS, OSM, V

太过爱你忘了你带给我的痛/ 2021年07月25日 20:11/ 0 赞/ 1034 阅读

相关 openlayer中控制图层的显示和隐藏

方式一：Layer.setVisible(true) 一种是通过Layer.setVisible(true)的方式让图层显示或隐藏，这种方式只是让图层中CSS的visib

女爷i/ 2021年07月25日 11:04/ 0 赞/ 1741 阅读