OpenLayers · jerry · 于 3年前 发布 · 5410 次阅读

Openlayers 4.0中如何实现平移、缩放事件回调

共收到 1 条回复 openlayers
godlike#13年前 0 个赞

在Openlyaers 4.0中,可以通过以下方式对地图map对象的几个特定事件绑定自定义函数。 来自官网的例子:

function onMoveEnd(evt) {
        const map =;
        const extent = map.getView().calculateExtent(map.getSize());
        const bottomLeft = toLonLat(getBottomLeft(extent));
        const topRight = toLonLat(getTopRight(extent));
        display('left', wrapLon(bottomLeft[0]));
        display('bottom', bottomLeft[1]);
        display('right', wrapLon(topRight[0]));
        display('top', topRight[1]);
		// TODO: your code...

      map.on('moveend', onMoveEnd);


click (module:ol/MapBrowserEvent~MapBrowserEvent) - A click with no dragging. A double click will fire two of this.
dblclick (module:ol/MapBrowserEvent~MapBrowserEvent) - A true double click, with no dragging.
moveend (module:ol/MapEvent~MapEvent) - Triggered after the map is moved.
movestart (module:ol/MapEvent~MapEvent) - Triggered when the map starts moving.
pointerdrag (module:ol/MapBrowserEvent~MapBrowserEvent) - Triggered when a pointer is dragged.
pointermove (module:ol/MapBrowserEvent~MapBrowserEvent) - Triggered when a pointer is moved. Note that on touch devices this is triggered when the map is panned, so is not the same as mousemove.
postcompose (module:ol/render/Event~RenderEvent)
postrender (module:ol/MapEvent~MapEvent) - Triggered after a map frame is rendered.
precompose (module:ol/render/Event~RenderEvent)
propertychange (module:ol/Object~ObjectEvent) - Triggered when a property is changed.
singleclick (module:ol/MapBrowserEvent~MapBrowserEvent) - A true single click with no dragging and no double click. Note that this event is delayed by 250 ms to ensure that it is not a double click.
添加回复 (需要登录)
需要 登录 后方可回复, 如果你还没有账号请点击这里 注册
Your Site Analytics