在 OpenLayers 3 中向概览图添加平移功能

Question

如何在 openlayers 3 中用概览图平移底图？

此功能在 openlayers 2 中运行良好。

Answer 1

您可以创建另一个 html 元素来托管概览地图，将其放置在您想要的任何位置，然后创建一个新地图，该地图将具有相同中心但不同缩放级别的视图。

然后您将在第一张地图上监听事件 moveend 并更改其后第二张地图的视图：

yourFirstMap.on('moveend', function(evt){
    yourSecondMap.getView().setCenter(yourFirstMap.getView().getCenter());
});