# new SketchEditor(options)
视频草图编辑类
继承自zondy.leaflet.SketchEditor
[ES5引入方式]:
const { SketchEditor } = zondy.video.tool.sketch
[ES6引入方式]:
import { SketchEditor } from "@mapgis/webclient-leaflet-plugin"
参数:
名称 | 类型 | 描述 |
---|---|---|
options |
Object | 构造参数 |
view |
MapView | SceneView | 地图视图对象 |
layer |
GraphicsLayer | 草图图层管对象 |
sketchStyle |
SketchStyle | 草图符号 |
snapOption |
Object | 草图捕获配置项 |
- SketchEditor#event:草图绘制完成事件
- SketchEditor#event:草图被选中事件
支持如下方法:
[1、开始绘制草图][2、停止绘制]
[3、移除当前草图]
[4、向草线或面草图中插入新的顶点]
[5、更新草图图形的某个顶点]
[6、移除草图图形的某个顶点]
[7、获取草图图形类型]
[8、设置草图样式]
[9、获取草图样式]
[10、获取草图几何对象]
[11、合并多个区几何]
[12、分割草图对象或区几何对象]
[13、撤销当前编辑操作]
[14、恢复被撤销的草图]
[15、拓扑线造区]
示例
// [ES5引入方式]:
const { MapView } = zondy.video
const { SketchEditor } = zondy.video.tool.sketch
[ES6引入方式]:
import { MapView, SketchEditor } from "@mapgis/webclient-leaflet-plugin" <br/>
import { SketchStyle, SimpleMarkerSymbol, Color, SketchDataType} from "@mapgis/webclient-common" <br/>
var map = new Map()
var mapView = new MapView({
viewId: "mapgis-2d-viewer",
map: map,
})
var videoLayer = new VideoMapLayer({})
mapView.add(videoLayer)
var simpleMarkerSymbol = new SimpleMarkerSymbol({
color: new Color(24, 144, 255, 1),
size: 10,
});
var sketchStyle = new SketchStyle({
vertexStyle: simpleMarkerSymbol,
lineStyle: undefined,
fillStyle: undefined
})
var sketchEditor = new SketchEditor({
view: mapView,
layer: new GraphicsLayer(),
vertexStyle: vertexStyle
})
sketchEditor.start(SketchDataType.POINT) // 绘制点
sketchEditor.start(SketchDataType.POLYLINE) // 绘制线
sketchEditor.start(SketchDataType.POLYGON) // 绘制区
*
继承关系
- zondy.leaflet.SketchEditorLeaflet