解决高德地图刷新页面后WMS图层消失问题

最新推荐文章于 2023-12-01 16:17:58 发布

努力的阿花

最新推荐文章于 2023-12-01 16:17:58 发布

阅读量2.3k

点赞数

CC 4.0 BY-SA版权

分类专栏：高德地图web

本文链接：https://blog.youkuaiyun.com/weixin_44005989/article/details/88537968

高德地图web 专栏收录该内容

2 篇文章

订阅专栏

本文介绍了一种解决Web地图服务（WMS）图层在页面刷新后消失的问题的方法。通过调整图层实例化方式，确保图层在缓存中正确显示，避免了因页面刷新导致的图层丢失。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

原代码：

let wms_forbidden_area = new AMap.TileLayer.WMS({
    map:map,
    url: wms_server + '/geoserver/ucloud/wms',
    blend: false,
    tileSize: 512,
    zIndex:20,
    params: {LAYERS: ['ucloud:forbidden_area'], VERSION: '1.1.1'}
});

当页面第一次加载的时候图层正确显示，但是当页面被刷新之后，图层就会消失
解决：

let wms_forbidden_area = new AMap.TileLayer.WMS({
    url: wms_server + '/geoserver/ucloud/wms',
    blend: false,
    tileSize: 512,
    zIndex:20,
    params: {LAYERS: ['ucloud:forbidden_area'], VERSION: '1.1.1'}
});
wms_forbidden_area.setMap(map);
wms_forbidden_area.show();

换成上面的写法就不会出现这样的问题，估计是因为缓存的问题，图层存在于缓存，但需要设置map属性