200：vue+openlayers 添加删除多边形，modify feature，双向互动颜色显示

第200个

点击查看专栏目录

本示例的目的是介绍如何在vue+openlayers项目中添加删除多边形，每绘制一个，左侧列表出一个信息。 hover左侧文字，右边地图上红色显示图形，点击选中右侧地图上某feature，变成蓝色高亮，同时左侧也会蓝色显示，做到双向互动。 高亮显示某feature，点击编辑所选，可以做图形的变化。

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

示例效果