Question

我正在尝试使我的弹出窗口可拖动。我已经看到了一些使用较旧的openlayers版本的解决方案，但这些解决方案不适用于新版本。

地图：

this.map = new OlMap({
  target: 'map',
  layers: [
    new OlTileLayer({
      name: 'maplayer',
      source: new OlXYZ({
        url: 'https://api.tiles.mapbox.com/v4/mapbox.streets/{z}/{x}/{y}.png?access_token=',
        title: 'maplayer'
      })
    })
  ],
  view: this.view
});

弹出窗口：

this.popup = document.getElementById('popup');

    this.incidentOverlay = new Overlay(({
      element: this.popup,
      autoPan: true,
      autoPanAnimation: {
        duration: 250
      },
      autoPanMargin: 250,
    }));

什么是使我的叠加层可拖动的最佳方法

非常感谢

Answer 1

看看ol-ext lib的ol / interaction / DragOverlay。

此处提供一个示例：https://viglino.github.io/ol-ext/examples/interaction/map.interaction.dragoverlay.html

Angular5，Openlayers5使您的弹出窗口（覆盖）可拖动

1 个答案: