Angular5, Openlayers5 делают ваше всплывающее окно (оверлей) перетаскиваемым - PullRequest
Новая
       26

Angular5, Openlayers5 делают ваше всплывающее окно (оверлей) перетаскиваемым

1 голос
/ 25 июня 2019

Я пытаюсь сделать мое всплывающее окно перетаскиваемым. Я видел некоторые решения с более старыми версиями 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,
    }));

каков лучший способ сделать мой оверлей перетаскиваемым

большое

1 Ответ

2 голосов
/ 25 июня 2019

Посмотрите на ol / взаимодействия / DragOverlay ol-ext lib .

Пример доступен здесь: https://viglino.github.io/ol-ext/examples/interaction/map.interaction.dragoverlay.html

...