Amap-editor NPM

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编辑器

@amap/amap-jsapi-loader axios geo-operation

@infinitebrahmanuniverse/nolb-ama @everything-registry/sub-chunk-1124

8 months ago

8 months ago

12 months ago

12 months ago

2 years ago