🎯 作者:彭麒
📮 邮箱:1062470959@qq.com
📌 声明:本篇博客仅用于技术学习与交流,若转载请注明出处。
一、效果预览
📍地图支持缩放、拖拽,绘制后可自由编辑已画图形。
二、前言
在 GIS 开发中,绘制图形并进行修改是非常常见的基础能力。无论是测量面积、标记区域、还是画草图,用户都需要在地图上自由绘制图形并进行后续的编辑操作。
本文将使用 Vue 3 + OpenLayers 6+ 实现如下功能:
✅ 在地图上绘制多边形
✅ 支持图形绘制的开始/结束
✅ 支持图形的修改与取消修改
✅ 使用 Vue 3 Composition API 编写,结构清晰,利于维护
三、技术栈
-
Vue 3 + Co