图形绘制 map-source-draw
2026年7月20日大约 2 分钟
图形绘制 map-source-draw
在地图上交互绘制点 / 线 / 面 → GeoJSON。
放在
map-2d的pieces里;enabled写在节点顶层。可source-publish: true发布为工程数据源供组件绑定。
在线演示
图形绘制源的产出就是一份 GeoJSON(
draw-features,即「初始图形」,可预置也可由绘制工具写回);这里预置了绘制结果(两个面 + 一个点),由综合图层按「虚线描边 + 半透明填充」的标绘风格渲染,悬停高亮并浮层显示属性。编辑器里点属性面板的「绘制工具」可继续交互绘制 / 修改。
属性
| 属性 | 名称 | 类型 | 默认 | 说明 |
|---|---|---|---|---|
draw-builder | 绘制工具 | map-draw | — | |
draw-features | 绘制要素 | json(height=220px) | — | |
row-row-filter-mode-id | 选择数据规则 | select(condition) | — |
事件
数据源不渲染、不参与点击;可被 mapSourceVisible(显隐源)、mapRefreshData(刷新)、mapSetSourceData(注入 GeoJSON)等地图动作操作,见 2D 地图 · 事件。
示例
{
"type": "map-source-draw",
"uid": "src_x",
"enabled": true,
"options": {
"draw-features": "{\"type\":\"FeatureCollection\",\"features\":[...]}"
}
}