@cgcs2000/l7-draw NPM

`draw`

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

使用

l7-draw 需要引用

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

CDN 版本引用

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

example

import { Scene } from '@cgcs2000/l7';
import { GaodeMap, Mapbox } from '@cgcs2000/l7-maps';
import { DrawControl } from '@cgcs2000/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);
    });

@babel/runtime @cgcs2000/l7 @turf/circle @turf/distance @turf/helpers @turf/midpoint @turf/turf eventemitter3 lodash

@infinitebrahmanuniverse/nolb-_cg @everything-registry/sub-chunk-163

2.2.32

4 years ago