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

KML 面状要素

解析内联 KML 中的园区边界与巡护路线,按几何类型分别着色。

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

说明

ol.format.KML 支持 Point、LineString 与 Polygon。示例把一段 KML 写在页面变量里, 用 readFeatures() 一次性读成要素,再交给矢量源。

样式函数据几何类型区分:面用半透明填充与实线边界, 线用较细的橙色描边,点名用带白色描边的文字,避免相互压盖。

操作结果
查看初始画面园区面与巡护线同时显示,自动适配范围
缩放地图面填充与线宽保持像素级稳定
点「重新解析」重新读取 KML 并统计各类要素数量

KML 的 Polygon 外环必须首尾闭合,写漏最后一个点会出现缺口;解析前先检查坐标串。

`r`n
`r`n