201:vue+openlayers:加载geojson文件形成围栏,可添加、修改、删除feature,导出geojson

在这里插入图片描述

第201个

点击查看专栏目录


本示例的目的是介绍演示如何在vue+openlayers中实现围栏列表与图中feature双向互动功能。 利用GeoJSON().readFeatures获得到features,通过转换在地图上形成图形,通过新增、修改、删除feature,可以更改整体的features关系。点击导出可以将修改后的features形成geojson文件导出来。

直接复制下面的 vue+openlayers源代码,操作2分钟即可运行实现效果; 注意如果OpenStreetMap无法加载,请加载其他来练习

猜你喜欢

转载自blog.csdn.net/cuclife/article/details/128663210