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

GeoJSON 数据源标注

GeoJSON 里的经纬度直接喂给矢量源会错位,先交给 ol.format.GeoJSON 并指定目标投影,再交给 ol.source.Vector 渲染。

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

说明

readFeatures 的第二个参数是 featureProjection,值取地图视图的投影 EPSG:3857。省略该参数时要素仍是经纬度数值,落在 3857 视图里就会跑到赤道附近。 读取完成后用 source.getFeatures().length 统计要素数量即可验证解析结果。

操作结果
页面加载三个面要素落在杭州西湖一带
查看顶部文字显示解析出的要素数量
缩放地图面要素随底图同步缩放,不漂移

GeoJSON 规范要求坐标顺序为经度在前、纬度在后,写成纬度、经度会出现整块偏移。