openlayers根据id添加/删除图片图层

最新推荐文章于 2025-03-25 16:53:23 发布

江苏省精神病院玛主任

最新推荐文章于 2025-03-25 16:53:23 发布

阅读量1.1k

点赞数

文章标签：开发语言 vue.js 前端 GIS openlayers

本文链接：https://blog.youkuaiyun.com/JINX1024/article/details/130401980

版权

按照id来删除

使用时调用方法即可

function clouds2d() {
    olMap.addLayer(new ol.layer.Image({
        source: new ol.source.ImageStatic({
            url: '../../public/img/12.png',
            imageExtent: extent,
            projection: "EPSG:3857",
            imageExtent: ol.proj.transformExtent(
                [
                    55,
                    -55.0,
                    155.0,
                    50.0
                ],
                "EPSG:4326",
                "EPSG:3857"
            ),
        }),
        id: 'myLayer'  // 设置图层的 ID
    }));
}

function deleteclouds2d() {
    var layer = olMap.getLayers().getArray().find(function(layer) {
        return layer.get('id') === 'myLayer';
    });
    if (layer) {
        olMap.removeLayer(layer);
    }
}