OpenLayers 4 Overview地图点击事件

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。

OpenLayers 4 Overview地图点击事件

OpenLayers 4 Overview map click event

javascript

openlayers