`r`n
经纬志
`r`n
`r`n
首页 / OpenLayers / 使用示例
`r`n

绘制要素

切换点、线、面、圆四种绘制类型,所有几何写进同一个矢量源。

OpenLayers 10.3.1 · 更新 2026-10-27
`r`n
源码与运行效果
运行效果
`r`n

说明

ol.interaction.Draw 的 type 决定几何类型, 绘制结果在 drawend 时自动加入源。切换类型需要先移除旧交互, 再用新的 type 重建,直接改属性不会生效。

示例用按钮重建交互,状态栏实时显示已绘制数量;双击结束线或面, 圆则是按住拖出半径后松手。

操作结果
选「点」后单击地图添加一个点要素
选「线」后连续点击、双击结束添加折线要素
选「面」或「圆」绘制添加面要素,数量同步更新

切换 type 必须重建交互;把旧交互留在图上会出现两种几何同时可画、互相抢事件的情况。

`r`n
`r`n