openlayers 删除掉视口外的图层

代码工人笔记

已于 2025-07-01 16:57:52 修改

阅读量115

点赞数 3

CC 4.0 BY-SA版权

文章标签：前端 javascript 开发语言

于 2025-07-01 16:54:28 首次发布

本文链接：https://blog.csdn.net/zhao3756/article/details/149050395

openlayers 删除掉视口外的图层

import {  intersects } from 'ol/extent'

   /**
   * 删除掉视口外的图层
   * @param {*} map
   */
  removeOutViewportLayers(map) {
    var layers = map.getLayers().getArray()
    const viewExtent = map.getView().calculateExtent(map.getSize())
    for (let index = 0; index < layers.length; index++) {
      const layer = layers[index]
      const layerExtent = layer.getSource().getExtent()
      if (!layerExtent) {
        map.removeLayer(layer)
        continue 
      }
      const isIn = intersects(viewExtent, layerExtent)
      if (!isIn) {
        map.removeLayer(layer)
      }
    }
  }