代码拉取完成，页面将自动刷新
基于 L7 封装的地理绘制库
基于 L7Draw 的面向 GeoJSON 编辑工具 L7Editor 已上线，欢迎尝鲜~。
npm install @antv/l7-draw
// ----js-----
import { GaodeMap, Scene } from '@antv/l7';
import { DrawEvent, DrawPoint } from '@antv/l7-draw';
const scene = new Scene({
id: 'map',
map: new GaodeMap({}),
});
scene.on('loaded', () => {
// 实例化 Draw
const draw = new DrawPoint(scene, {
editable: false,
// Draw 配置
});
// 调用 Draw 上的方法
draw.enable();
// 监听 Draw 的事件
draw.on(DrawEvent.Add, (newPoint) => {
console.log(newPoint);
});
});
// ----html----
<div id="map"></div>;
<!-- 引入依赖包 -->
<script src="https://unpkg.com/@antv/l7"></script>
<script src="https://unpkg.com/@antv/l7-draw"></script>
<script>
const scene = new L7.Scene({
id: 'map',
map: new L7.GaodeMap({
style: 'dark',
center: [104.288144, 31.239692],
zoom: 4.4,
}),
});
scene.on('loaded', () => {
// 通过 L7.Draw.*** 访问
const draw = new L7.Draw.DrawPoint(scene, {});
draw.enable();
});
</script>
# 安装依赖
npm install
# 运行页面
npm run start
# 打包
npm run build
在使用 L7Draw 过程中，若有疑惑无法在文档中解决的可以扫码加入 L7 官方答疑群。
如果您在使用的过程中碰到问题，可以先通过 issues 看看有没有类似的 bug 或者建议。
MIT@AntV.
此处可能存在不合适展示的内容，页面不予展示。您可通过相关编辑功能自查并修改。
如您确认内容无涉及 不当用语 / 纯广告导流 / 暴力 / 低俗色情 / 侵权 / 盗版 / 虚假 / 无价值内容或违法国家有关法律法规的内容，可点击提交进行申诉，我们将尽快为您处理。