Перетащите изображение в javascript - PullRequest
Новая
       90

Перетащите изображение в javascript

0 голосов
/ 03 мая 2020

Я хотел бы знать, как я могу перетащить файл изображения на карту (OpenLayer) следующим образом

Изображение

Если перетащить невозможно и уронить есть ли у вас какие-либо предложения, чтобы помочь мне отобразить изображение на карте? 

var dragAndDropInteraction = new DragAndDrop({
  formatConstructors: [
    GPX,
    GeoJSON,
    IGC,
    KML,
    TopoJSON
  ]

});

var map = new Map({
  interactions: defaultInteractions().extend([dragAndDropInteraction]),
  layers: [
    new TileLayer({
      source: new XYZ({
        url: 'https://{a-c}.tile.openstreetmap.org/{z}/{x}/{y}.png'
      })
    })
  ],
  target: 'map',
  view: new View({
    center: [0, 0],
    zoom: 2
  })
});


dragAndDropInteraction.on('addfeatures', function(event) {
  var vectorSource = new VectorSource({
    features: event.features
  });
  map.addLayer(new VectorImageLayer({
    source: vectorSource
  }));
  map.getView().fit(vectorSource.getExtent());
});
...