MapGIS Web App Framework

# 绘制

提供更高级的绘制能力。

# 代码演示

<template>
  <mp-draw-pro @start="onDrawStart" @finished="onDrawFinished" />
  <mp-3d-draw-pro @start="onDrawStart" @finished="onDrawFinished" />
</template>

# API

# MpDrawPro

# 属性

参数 说明 类型 可选值 默认值 版本
clearDrawMode 结束绘制是否清除绘制图形 boolean true
featureConfig 管理平台配置的绘制图形样式 object {} 
// featureConfig 示例
{
  // 多边形样式
  "reg": {
    // 颜色
    "color": "rgba(255,255,0,0.5)"
  },
  // 线样式
  "line": {
    // 颜色
    "color": "rgba(255,0,0,1)",
    // 线宽
    "size": "3"
  },
  // 点样式
  "pnt": {
    // 点颜色
    "color": "rgba(255,0,102,1)",
    // 点大小
    "size": "4",
    // 点样式
    "style": "五边形"
  }
}

# 事件

事件名称 说明 回调参数
start 开始绘制后触发 () => {}
finished 完成绘制后触发，参数 mode 为当前绘制的模式，feature 为 GeoJSON 格式的要素,shape 为简单几何，center 为中心坐标 ({ mode, feature, shape, center }) => {}

# 方法

方法名称 说明 参数
openDraw 开启绘制 mode，绘制模式[draw-point: 画点、draw-polyline: 画线、draw-polygon: 画区、draw-rectangle: 画矩形、draw-circle: 画圆]
closeDraw 关闭绘制，会自动清除绘制动作和绘制元素 -
removeDraw 移除绘制

# Mp3dDrawPro

# 属性

参数 说明 类型 可选值 默认值 版本
clearDrawMode 结束绘制是否清除绘制图形 boolean true
featureConfig 管理平台配置的绘制图形样式 object {}

# 事件

事件名称 说明 回调参数
start 开始绘制后触发 () => {}
finished 完成绘制后触发，参数 mode 为当前绘制的模式，feature 为 GeoJSON 格式的要素,shape 为简单几何，center 为中心坐标 ({ mode, feature, shape, center }) => {}

# 方法

方法名称 说明 参数
openDraw 开启绘制 mode，绘制模式[draw-point: 画点、draw-polyline: 画线、draw-polygon: 画区、draw-rectangle: 画矩形]
closeDraw 关闭绘制，会自动清除绘制动作和绘制元素 -

← 标注 →