【转】Openlayers比例尺改变事件

都是网上搜的,亲自试过,记录一下

方法一:

webInstance.map.getView().on('propertychange',function(e){
        switch(e.key){
            case 'resolution':
            console.log(e.oldValue);
            break;
        }
    });

此方法,会触发多次事件,所以不合适。

【转】Openlayers比例尺改变事件_第1张图片

方法二:

webInstance.zoomend = function(evt){
        console.log('zoomend on resolution: ' + evt.map.getView().getResolution());    
          evt.map.once('moveend', function(evt) {
        webInstance.zoomend(evt);
     });
     }

    webInstance.map.getView().once('change:resolution',function(evt){
        webInstance.map.once('moveend',function(evt){
            webInstance.zoomend(evt);
        })
    });

【转】Openlayers比例尺改变事件_第2张图片

这个比较靠谱,比例尺发生改变,只有一次事件过来。

 

https://stackoverflow.com/questions/33700255/how-can-i-detect-a-zoom-end 

https://stackoverflow.com/questions/26734512/open-layers-3-zoom-map-event-handler

你可能感兴趣的:(GIS)