Openlayers之拖拽加载矢量数据

1、在日常工作和生活中，我们需要打开某个文件或者加载某些数据的时候，往往通过拖拽的方式来加载或者打开，这样比较直接和方便，那么我们能否使用Openlayers来实现拖拽加载矢量数据呢？答案当然是肯定的，Openlayers为我们提供了一个DragAndDrop的交互式控件，它有一个addfeatures事件，那么我们就可以利用这一点，在把数据拖入地图视口的时候，触发addfeatures事件，从而加载数据，下面我们就来一起实现；

2、代码实现

3、结果展示

我们先在浏览器中打开该页面：

然后找到一个geojson格式的文件：

再将其拖入到地图视口中：

countries.geojson文件立即就被加载到地图中：

我们再用同样的方式加载另一个geojson文件，地图视图会自动跳转到该位置，这就是fit自适应区域的作用：