Class: VideoMapDrawControl

VideoMapDrawControl

视频地图绘制控件。UI 参考 mapbox-gl-draw：点、线、面、删除。 绘制结果走 VideoMap 地理坐标与重投影链路，可同步到真实地图。后续可在此控件上扩展要素编辑。

new VideoMapDrawControl(options)

Usage
import { VideoMapDrawControl } from '@supermapgis/iclient-mapboxgl';

new VideoMapDrawControl(options);
<script type="text/javascript" src="https://iclient.supermap.io/dist/mapboxgl/iclient-mapboxgl.js"></script>
<script>
  new mapboxgl.supermap.VideoMapDrawControl({paramsNames});
</script>
mapboxgl/control/VideoMapDrawControl.js, line 55
Name Type Description
options Object 可选

参数。

Name Type Default Description
videoMap VideoMap 可选

视频地图实例。通过 videoMap.addControl 添加时会自动注入。
controls Object {point: true, line_string: true, polygon: true, trash: true} 可选

按钮显隐，point / line_string / polygon / trash。不传时默认全部显示；传入后仅 true 对应的按钮显示，未指定项隐藏。
styles Object 可选

点、线、面的全局样式，使用 Mapbox paint 属性名。point：circle-radius / circle-color / circle-opacity / circle-stroke-width / circle-stroke-color；line：line-color / line-width / line-opacity / line-dasharray；polygon：fill-color / fill-opacity 及轮廓的 line-*。选中要素的颜色由 selected.color 指定（默认 #fbb03b），绘制完成后要素处于选中状态；绘制中的预览线点沿用对应的点、线、面颜色。可通过 preview.point / preview.line / preview.polygon 单独设置绘制中的样式（属性同上，面预览可用 fill-* 与轮廓 line-*），未设置的属性沿用主样式或默认值。
position string 'top-left' 可选

未在 videoMap.addControl 中指定位置时使用的控件位置。
Version:
  • 12.1.2
Example
videoMap.addControl(new mapboxgl.supermap.VideoMapDrawControl({
  styles: { point: { 'circle-color': '#f00' }, line: { 'line-width': 4 } }
}), 'top-left');

Methods

getStyles(){Object}

mapboxgl/control/VideoMapDrawControl.js, line 186

获取当前生效的点、线、面样式。

Returns:
Type Description
Object 样式配置。

setStyles(styles)

mapboxgl/control/VideoMapDrawControl.js, line 174

更新点、线、面的全局样式，仅覆盖传入的属性。

Name Type Description
styles Object

结构同构造参数 styles。