048：vue+leaflet 加载GPX数据，显示图形（方法1）

作者： 还是大剑师兰特 ，曾为美国某知名大学计算机专业研究生，现为国内GIS领域高级前端工程师，优快云知名博主，深耕openlayers、leaflet、mapbox、cesium，canvas，echarts等技术开发，欢迎加微信（gis-dajianshi），一起交流。

查看本专栏目录 - 本文是第 048个示例

一、示例效果图

二、示例简介

本示例演示如何在vue+leaflet中加载GPX文件，将图形显示在地图上。GPX文件是以GPS数据交换格式保存的GPS数据文件，是一种通用的地图信息文件，可以被众多GPS应用和Web服务更轻松地导入和读取GPS数据。GPX文件包含经度和纬度位置数据，其中包括路点、轨迹和路程。

直接复制下面的 vue+leaflet源代码，操作2分钟即可运行实现效果<