经纬志
首页 / OpenLayers / 使用示例

TopoJSON 数据

三个相邻区域共享弧段,用一个页面内的 TopoJSON 对象描述,解析后直接渲染。

OpenLayers 10.3.1 · 更新 2026-10-28
源码与运行效果
运行效果

说明

ol.format.TopoJSON 按 arcs 索引还原几何,共享的边界只存一份。这里用三个矩形拼出两个相邻区域与下方一个扩展区,objects.regions 中的每个几何引用弧段编号。读取时指定 dataProjection 为 EPSG:4326、featureProjection 为 EPSG:3857。

操作结果
查看边界相邻区域共用同一条弧段,接缝没有重叠线
悬停到区域上顶部显示该区域的名称与弧段数量
缩放地图边界保持单像素宽度,不随层级变粗

TopoJSON 的 transform 可把整数量化坐标还原为经纬度;省略 transform 时就按绝对坐标读取,本例采用后者。