126.在 Vue 3 中使用 OpenLayers 实现绘制正方形、正三角形、正五边形

🗺️ 项目效果（先看效果）

支持点击按钮绘制图形，效果如下：

✅ 正三角形
✅ 正方形
✅ 正五边形
✅ 支持停止绘制

---

📌 前言

在 Web GIS 的实际项目中，我们经常需要绘制一些规则的图形，比如：正方形、正三角形、正五边形等，这在标注地块、规划图形、布设区域等场景中都非常常见。

本文将基于 Vue 3 + OpenLayers 来实现一个小型的图形绘制功能，提供完整代码、讲解思路，方便你快速集成到自己的项目中。

---

🧱 技术栈

• Vue 3（采用 Composition API + <script setup>）

• OpenLayers v6+

• Element Plus（按钮交互）

• Tailwind CSS（用于