首页 / OpenLayers / 使用示例
`r`n GPX 轨迹
解析页面内的 GPX 轨迹,画出路线、途经点并自动缩放到轨迹范围。
`r`n
源码与运行效果
说明
ol.format.GPX 的 readFeatures() 会把轨迹段读成
LineString、途经点读成 Point;指定
dataProjection: 'EPSG:4326' 与
featureProjection: 'EPSG:3857' 后坐标自动转换。
示例的 GPX 写在页面变量里,不请求外部文件; 样式函数按几何类型区分线路与途经点,线路用橙色实线,点位带名称。
| 操作 | 结果 |
|---|---|
| 查看初始画面 | 轨迹线、起终点与途经点同时显示 |
| 点「重新解析」 | 重新读取 GPX 并统计要素数量 |
| 缩放地图 | 线宽与点位尺寸保持像素级稳定 |
GPX 的 rte、trk 与 wpt 会读成不同几何;只想要轨迹时用 readFeatures 后按几何类型过滤。