158.Vue3 + OpenLayers 实现多个点的 Envelope（外接矩形）绘制与面积计算

🧪 效果展示功能一览

• ✅ 地图加载多个 GeoJSON 点

• ✅ 自动生成 envelope（外接矩形）

• ✅ 实时显示面积大小

💻 实现思路

1. 使用 Turf.point() 构造多个坐标点

2. 使用 turf.featureCollection() 封装为集合

3. 使用 turf.envelope() 生成最小外接矩形

4. 使用 OpenLayers 展示点和矩形图层

5. 使用 turf.area() 获取面积并显示

📦 安装依赖

使用 Vite 创建 Vue3 项目后，安装以下依赖：

npm install ol @turf/turf npm install element-plus

📂 项目结构