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%');

或在單擊概覽時操縱其位置 。