openlayers官方教程（五）Vector Data——Drag and drop

Drag and drop

我们可以使用DragAndDrop来实现交互，之前我们通过GeoJSON来分析features，但是通过交互可以实现多个features的使用。

首先，还是将Map建立常量map的引用：

const map = new Map({

在main.js中导入drag and drop interaction

import DragAndDrop from 'ol/interaction/DragAndDrop';

下一步，创建没有初始数据的矢量数据源，不像之前例子那样从其他地方载入数据，这个数据源要保存用户drags和drops的map

const source = new VectorSource();

现在，移除之前的图层，用上面的空数据源创建一个图层，并将其加入到map中

const layer = new VectorLayer({
  source: source
});
map.addLayer(layer);

最后，创建drag和drop交互，配置到数据源中，并添加到图层

map.addInteraction(new DragAndDrop({
  source: source,
  formatConstructors: [GeoJSON]
}));