`r`n
经纬志
`r`n
`r`n
首页 / OpenLayers / 使用示例
`r`n

GPX 轨迹

解析页面内的 GPX 轨迹,画出路线、途经点并自动缩放到轨迹范围。

OpenLayers 10.3.1 · 更新 2026-10-27
`r`n
源码与运行效果
运行效果
`r`n

说明

ol.format.GPX 的 readFeatures() 会把轨迹段读成 LineString、途经点读成 Point;指定 dataProjection: 'EPSG:4326' 与 featureProjection: 'EPSG:3857' 后坐标自动转换。

示例的 GPX 写在页面变量里,不请求外部文件; 样式函数按几何类型区分线路与途经点,线路用橙色实线,点位带名称。

操作结果
查看初始画面轨迹线、起终点与途经点同时显示
点「重新解析」重新读取 GPX 并统计要素数量
缩放地图线宽与点位尺寸保持像素级稳定

GPX 的 rte、trk 与 wpt 会读成不同几何;只想要轨迹时用 readFeatures 后按几何类型过滤。

`r`n
`r`n