Question

如何启用click事件以在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概述地图点击事件

1 个答案: