History

thinkinggis d945d40ba4 chore: publish		2020-06-11 17:18:41 +08:00
..
__tests__/util	Merge branch 'master' into l7-draw	2020-04-07 11:27:21 +08:00
src	fix(draw): line&point 初始化已有数据	2020-05-29 09:55:20 +08:00
CHANGELOG.md	chore: publish	2020-04-10 15:37:10 +08:00
README.md	refactor(draw): 增加键盘事件& control移除方法	2020-04-08 14:06:02 +08:00
package.json	chore: publish	2020-06-11 17:18:41 +08:00
rollup.config.js	improvement(draw): ui 组件新增事件,获取数据方法	2020-04-26 23:42:25 +08:00
tsconfig.build.json	improvement: click & doubclick use hammer	2020-03-17 18:37:34 +08:00

README.md

`draw`

地图绘制组件，支持点、线、面的绘制编辑,

使用

l7-draw 需要引用

import { DrawControl } from '@antv/l7-draw';

CDN 版本引用

<head>
<! --引入最新版的L7-Draw --> 
<script src = 'https://unpkg.com/@antv/l7-draw'></script>
</head>

example


import { Scene } from '@antv/l7';
import { GaodeMap, Mapbox } from '@antv/l7-maps';
import { DrawControl } from '@antv/l7-draw';
const scene = new Scene({
      id: 'map',
      map: new GaodeMap({
        pitch: 0,
        style: 'dark', // hosted style id
        center: [112.874, 32.76], // starting position
        zoom: 12, // starting zoom
      }),
    });
    this.scene = scene;

    scene.on('loaded', () => {

      const drawControl = new DrawControl(scene, {
        position: 'topright',
        layout: 'horizontal', // horizontal vertical
        controls: {
          point: true,
          polygon: true,
          line: true,
          circle: true,
          rect: true,
          delete: true,
        },
      });
      scene.addControl(drawControl);
    });