123.在 Vue3 中使用 OpenLayers 实现绘制 Draw 多边形并 Modify 编辑图形

🎯 作者：彭麒
📮 邮箱：1062470959@qq.com
📌 声明：本篇博客仅用于技术学习与交流，若转载请注明出处。

一、效果预览

📍地图支持缩放、拖拽，绘制后可自由编辑已画图形。

二、前言

在 GIS 开发中，绘制图形并进行修改是非常常见的基础能力。无论是测量面积、标记区域、还是画草图，用户都需要在地图上自由绘制图形并进行后续的编辑操作。

本文将使用 Vue 3 + OpenLayers 6+ 实现如下功能：

✅ 在地图上绘制多边形
✅ 支持图形绘制的开始/结束
✅ 支持图形的修改与取消修改
✅ 使用 Vue 3 Composition API 编写，结构清晰，利于维护

三、技术栈

• Vue 3 + Co