OpenLayers 4概述地图点击事件

Question

如何在OpenLayers 4中启用单击事件来移动概览图？

下面是示例中的代码，与我使用的相同

var map = new ol.Map({
  controls: ol.control.defaults().extend([
    new ol.control.OverviewMap()
  ]),
  layers: [
    new ol.layer.Tile({
      source: new ol.source.OSM()
    })
  ],
  target: 'map',
  view: new ol.View({
    center: [500000, 6000000],
    zoom: 7
  })
});

这里是CodePen

https://codepen.io/sebalaini/pen/wpRVYL

抱歉，如果我没有把我的代码，但我使用相同的代码，也不是在示例中，你可以点击概览地图的一部分，并移动框和主地图，似乎你可以只需拖动选项就可以做到。

我想要实现的是，可以点击概览图的一部分，并将框移动到鼠标位置，这样，主地图也可以居中，而不需要用鼠标转到概览图中的框，并拖动它来移动展位视图

Answer 1

您所指的示例显然是：Overview Map Control

查看overviewmap.js的源代码，您可以看到它创建了以下内容：

var box = document.createElement('DIV');
box.className = 'ol-overviewmap-box';

因此，如果你使用JQuery，你可以水平居中显示概览，如下所示：

$(".ol-overviewmap-box").css('left', '50%');

或者在单击概述时使用manipulate it's position。