更新记录

1.0.1（2026-06-24）

1.更新部分文件目录

1.0.0（2026-06-23）

v1.0.0

1. 新增 MapboxPolygonDraw 组件，支持 active 传参开启/关闭绘制模式
2. 支持点击地图添加顶点、撤销上一点、完成多边形绘制
3. 内置球面多边形面积计算，实时返回亩数与平方米
4. 支持 outputCrs 输出 WGS84 / GCJ02 坐标
5. 提供 createPolygonDraw 纯 JS API，可挂载到已有 Mapbox 地图
6. 内置撤销/完成工具栏，或通过 drawCommand 外部按钮控制
7. 支持自定义绘制样式（填充色、边线、顶点样式）

平台兼容性

mapbox-polygon-draw-plugin

Mapbox GL JS 多边形绘制 uni_modules 插件（符合 DCloud 插件市场规范）。

目录结构

mapbox-polygon-draw-plugin/
├── package.json                          # uni_modules 配置（id: 作者ID-MapboxPolygon-Draw）
├── readme.md                             # 插件市场使用说明（上传用）
├── changelog.md
├── components/
│   └── MapboxPolygon-Draw/
│       └── MapboxPolygon-Draw.vue        # 主组件（easycom）
├── js_sdk/
│   ├── index.js
│   ├── polygonDrawController.js
│   ├── area.js
│   └── constants.js
└── examples/
    ├── basic-usage.vue
    └── js-api-usage.js

依赖

npm install mapbox-gl coordtransform

使用

导入插件后（easycom）：

<MapboxPolygon-Draw
  :access-token="token"
  :center="[lng, lat]"
  :active="drawing"
  output-crs="gcj02"
  @complete="onComplete"
/>

详细 见 https://blog.csdn.net/jingling555/article/details/162260119?spm=1001.2014.3001.5502。