首页 / OpenLayers / 使用示例
OSM XML 数据
一段写在页面里的 OSM XML,包含建筑、道路与绿地三类 way,按标签分别着色。
源码与运行效果
说明
ol.format.OSMXML 读取 node 与 way,把 nd 引用还原成线或面。矢量源的 loader 直接在页面内解析字符串并调用 success(),不使用 Overpass 服务;bbox 加载策略保证可视范围变化时仍有数据。样式函数按 building、highway、landuse 标签返回不同符号。
| 操作 | 结果 |
|---|---|
| 查看画面中的建筑 | building 标签的 way 用浅红填充、深红描边 |
| 查看道路 | highway 标签的 way 绘制为白色粗线 |
| 查看绿地 | landuse=grass 的 way 用半透明绿色填充 |
OSM XML 里 way 的坐标来自 node 引用,缺失节点会导致几何为空;服务端裁剪数据时要同时返回被引用的节点。