VUE 高德地图原生API2.0 实现矢量多边形功能


目前网上vue封装的第三方组件都是基于高德1.0的版本,使用体验感较差,本文直接是基于2.0官网的API的矢量多边形功能

参考文档

JSAPI 的加载-入门-教程-地图 JS API v2.0|高德地图API (amap.com)
多边形编辑器-矢量覆盖物编辑-示例中心-JS API 2.0 示例 | 高德地图API (amap.com)
矢量图形-覆盖物-教程-地图 JS API v2.0|高德地图API (amap.com)
参考手册-地图 JS API v2.0 | 高德地图API (amap.com)

效果

功能
  1. 支持多个区域查看
  2. 单个区域编辑
安装
npm i @amap/amap-jsapi-loader --save
代码



使用