Openlayers 判断vector加载完成后要素居中

最新推荐文章于 2024-07-08 03:20:13 发布

guzicheng1990

最新推荐文章于 2024-07-08 03:20:13 发布

阅读量1.3k

点赞数 1

分类专栏： Openlayers

本文链接：https://blog.csdn.net/guzicheng1990/article/details/112358692

版权

Openlayers 专栏收录该内容

12 篇文章 1 订阅

订阅专栏

在使用OpenLayersv4.6.5时，添加vectorLayer后直接获取要素可能无法成功，因为图层加载是异步的。为确保在图层加载完成后再进行操作，可以监听vectorSource的'change'事件，当状态变为'ready'时，获取要素并执行居中显示。这种方法确保了在正确的时间获取和处理要素。

摘要由CSDN通过智能技术生成

环境

Openlayers v4.6.5

背景

添加vectorLayer以后，需要定位并居中要素。但是在map.addLayer(vector);后直接用vectorLayer.getSource().getFeatures()获取要素是取不到的，原因是加载图层是异步的，在获取feature的时候图层并没有加载完成。所以获取前，要先判断一下图层是否加载完成才行。

解决方案

对vectorsource添加change的监听事件

// 因为是异步加载，所以要采用事件监听的方式来判定是否加载完成
var ls = _lyr.getSource().on('change', function () {
    if (_lyr.getSource().getState() === 'ready') {
        // 获取要素四至
        let extent = _lyr.getSource().getExtent();
        let view = encMap.encmap.getView();
        view.fit(extent);
        // 注销监听
        _lyr.getSource().un(ls); 
    }
});