OpenLayers如何判断图层是否已添加到地图并处于可见状态

1. 主动查询图层是否已添加到地图实例 #

直接调用图层实例的getMap()方法即可，返回值非null则说明图层已经被添加到地图实例中：

// 返回true为已添加，false为未添加
const isLayerAdded = my_layer_openlayers.getMap() !== null;

如果需要通过地图实例侧验证，也可以遍历地图的图层集合判断：

const isLayerInMap = map.getLayers().getArray().includes(my_layer_openlayers);

2. 判断图层当前是否在地图上可见 #

可见需要同时满足两个条件：图层已添加到地图、图层本身的可见属性为true（如果图层嵌套在图层组中，还需要额外判断所有父图层组的可见状态）：

// 单层图层（未嵌套图层组）的可见判断
const isLayerVisible = my_layer_openlayers.getMap() !== null && my_layer_openlayers.getVisible();

3. 事件监听实现（对应Leaflet的add事件写法） #

OpenLayers本身也支持和Leaflet类似的事件绑定逻辑：

监听图层被添加到地图的事件 #

my_layer_openlayers.on('add', function() {
    console.log('图层已添加到地图实例');
    // 此处写入自定义逻辑
});

监听图层被移除的事件 #

my_layer_openlayers.on('remove', function() {
    console.log('图层已从地图实例移除');
});

监听图层可见性变化事件 #

你用到了图层控件切换图层显隐，绑定change:visible事件可以实时感知可见状态变化：

my_layer_openlayers.on('change:visible', function(evt) {
    const currentVisible = evt.target.getVisible();
    console.log('图层可见性变为：', currentVisible);
});

内容的提问来源于stack exchange，提问作者user12538529