Skip to content

draw

提供绘制服务元素能力数据能力,通过改数据可以进行元素创建

ts
  import { map2d } from 'web-map-service'
  const { createDrawInteractive } = map2d

  interface DrawInteractiveOptions {
    type: 'line' | 'circle' | 'polygon' | 'rect'
  }

  const draw = createDrawInteractive(map.interactiveManager, options as DrawInteractiveOptions)

  // 启用绘制
  draw.enable()
  // 绘制改用line类型
  draw.use({
    type: 'line'
  })
  type DrawEmitter = {
    type,
    data: drawData
  }
  map.emitter.on('draw', (data: DrawEmitter)=>{
    // 把绘制的元素生成到相应图层
    layer.create(data)
  })

事件

事件参数是否必填描述
enableundefined启动交互
closeundefined关闭交互
useDrawInteractiveOptions更新绘制类型

反射

属性参数描述
drawDrawEmitter选中结束后的反射事件
ts
  type DrawEmitter = {
    type,
    data: drawData
  }
  map.emitter.on('draw', (draw: DrawEmitter)=>{
    console.log(draw)
  })

演示