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]
}));