首页 / OpenLayers / 使用示例
GeoJSON 数据源标注
GeoJSON 里的经纬度直接喂给矢量源会错位,先交给 ol.format.GeoJSON 并指定目标投影,再交给 ol.source.Vector 渲染。
源码与运行效果
说明
readFeatures 的第二个参数是 featureProjection,值取地图视图的投影
EPSG:3857。省略该参数时要素仍是经纬度数值,落在 3857 视图里就会跑到赤道附近。
读取完成后用 source.getFeatures().length 统计要素数量即可验证解析结果。
| 操作 | 结果 |
|---|---|
| 页面加载 | 三个面要素落在杭州西湖一带 |
| 查看顶部文字 | 显示解析出的要素数量 |
| 缩放地图 | 面要素随底图同步缩放,不漂移 |
GeoJSON 规范要求坐标顺序为经度在前、纬度在后,写成纬度、经度会出现整块偏移。