首页 / OpenLayers / 使用示例
TopoJSON 数据
三个相邻区域共享弧段,用一个页面内的 TopoJSON 对象描述,解析后直接渲染。
源码与运行效果
说明
ol.format.TopoJSON 按 arcs 索引还原几何,共享的边界只存一份。这里用三个矩形拼出两个相邻区域与下方一个扩展区,objects.regions 中的每个几何引用弧段编号。读取时指定 dataProjection 为 EPSG:4326、featureProjection 为 EPSG:3857。
| 操作 | 结果 |
|---|---|
| 查看边界 | 相邻区域共用同一条弧段,接缝没有重叠线 |
| 悬停到区域上 | 顶部显示该区域的名称与弧段数量 |
| 缩放地图 | 边界保持单像素宽度,不随层级变粗 |
TopoJSON 的 transform 可把整数量化坐标还原为经纬度;省略 transform 时就按绝对坐标读取,本例采用后者。