AMap-Editor
基于高德API实现的GeoJSON编辑器
功能
1、支持多边形、矩形、圆形、点等覆盖物的绘制与编辑
2、支持区域合并
3、可生成绘制编辑后标准的GeoJSON数据
4、支持普通地图和自定义图片地图
开发
yarn install
yarn dev
本地调试时,可将json复制到public/local/
目录下,再修改src/index.html
,用script
标签引入该文件
打包
yarn build
安装
npm install amap-editor
使用方法
import AMapEditor from "amap-editor";
// type 可选,默认为"areaMap",分为"areaMap"、"pointMap"、"imageMap";
// language 可选,默认为"zh_CN", 分为"zh_CN"、"en_US"、"ja_JP"、"zh_TW","ko_KR"
const mapEditor = new AMapEditor(domId, type, language);
mapEditor.init(geoJSON) // 初始化,geoJSON可选
mapEditor.setJSONData(geoJSON); // 更新geoJSON
// 绘制编辑后可通过getMapGeoJSON()获取GeoJSON数据
const newGeoJSON = mapEditor.getMapGeoJSON();
mapEditor.removeOldJSONData(); // 删除正在编辑的geoJSON数据
mapEditor.remove() // 删除地图GeoJSON编辑器