SpringBoot+Vue+Openlayers实现地图上新增和编辑坐标并保存提交

场景

若依前后端分离版手把手教你本地搭建环境并运行项目：

https://blog.csdn.net/BADAO_LIUMANG_QIZHI/article/details/108465662

Vue中使用Openlayers加载Geoserver发布的ImageWMS：

https://blog.csdn.net/BADAO_LIUMANG_QIZHI/article/details/115867709

在上面搭建起来Vue+SpringBoot的前后端分离的项目的基础上，并且加载显示地图之后。

要实现在地图上显示所有摄像头的位置，并且可以新增时在地图上选择坐标，以及修改时可以在地图上回显坐标。

实现效果如下

新增摄像头