目前网上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)
效果
功能
- 支持多个区域查看
- 单个区域编辑
安装
npm i @amap/amap-jsapi-loader --save
代码
<template>
<div>
<div id="container"></div>
<div class&#