一、需求

  • 移动端生成路径轨迹文件.gpx文件,需要pc端进行展示
  • 需要将.gpx文件转可以解析的geojson数据

二、需要的库

  • axios
  • @mapbox/togeojson

三、方法


//通过url获取资源
async function apiByUrlToInfo(url) {try {const response = await axios.get(url);return response;} catch (e) {return (typeof e.message === "string" && e.message) || "error";}
}//字符串转化为xml
const toXmlDom = (source) => {var xmlDoc = null;if (window.ActiveXObject) {var ARR_ACTIVEX = ["MSXML4.DOMDocument","MSXML3.DOMDocument","MSXML2.DOMDocument","MSXML.DOMDocument","Microsoft.XmlDom",];var XmlDomflag = false;for (var i = 0; i < ARR_ACTIVEX.length && !XmlDomflag; i++) {try {var objXML = new window.ActiveXObject(ARR_ACTIVEX[i]);xmlDoc = objXML;XmlDomflag = true;} catch (e) {}}if (xmlDoc) {xmlDoc.async = false;xmlDoc.loadXML(source);}} else {var parser = new DOMParser();xmlDoc = parser.parseFromString(source, "text/xml");}return xmlDoc;
};// 获取轨迹信息
const getGJInfo = async (values) => {const data = await apiByUrlToInfo(values);if (!data) return message.error("轨迹信息错误");// 得到转换后的geojson数据console.log(toGeoJSON.gpx(toXmlDom(data)))
};// url:.gpx文件
getGJInfo(url);

.gpx文件转geojson相关推荐

  1. java读取gpx文件,从Leaflet导出GPX文件

    我想要做的是让用户通过选择Leaflet中的一些GeoJson功能来创建GPX文件 . 我这样做的方法是创建一个新的GeoJson图层来存储所选的特征,然后用一个名为togpx(https://git ...

  2. iPhone 在xcode4.2中手工添加GPX文件,指定位置

    XCode 4.2终于支持地点模拟了,不用忍受真机调试的各种不便了,模拟方法也很简单(恕我盗用几个别人的图): 当Debug一个需要地理位置信息的App时,在Debug栏默认就会有地点模拟的图标,如下 ...

  3. shapefile文件转geojson 加载到openlayers上使用

    shapefile文件转geojson并在地图上展示 geotools 读取shp,并转为geojson格式 前端请求服务,并使用openlayers展示数据 工作中经常需要预览shp文件,一般都是用 ...

  4. 【Python文本处理】基于运动路线记录GPX文件解析,心率、速度、时间、功率、踏频、海拔等参数的生成和更改,以及GPX循环拼接

    [Python文本处理]基于运动路线记录GPX文件解析,心率.速度.时间.功率.踏频.海拔等参数的生成和更改,以及GPX循环拼接 GPX文件本身其实就是坐标.海拔.时间.心率等综合性的xml文件 如图 ...

  5. 036:cesium加载GPX文件,显示图形

    第036个 点击查看专栏目录 本示例的目的是介绍如何在vue+cesium中加载GPX文件, 显示图形. 直接复制下面的 vue+cesium源代码,操作2分钟即可运行实现效果. 文章目录 示例效果 ...

  6. 037:cesium加载GPX文件,显示运动动画

    第037个 点击查看专栏目录 本示例的目的是介绍如何在vue+cesium中加载GPX文件, 显示运动动画. 直接复制下面的 vue+cesium源代码,操作2分钟即可运行实现效果. 文章目录 示例效 ...

  7. 【Python文本处理】基于GPX文件的心率、速度、时间等参数更改

    [Python文本处理]基于GPX文件的心率.速度.时间等参数更改 GPX文件本身其实就是坐标.海拔.时间.心率等综合性的xml文件 如图: 海拔:ele 时间:time 心率:heartrate 在 ...

  8. 【Python文本处理】基于运动路线记录GPX文件的基础运动速度求解,并转为SRT字幕格式(不需要安装三方库)

    [Python文本处理]基于运动路线记录GPX文件的基础运动速度求解,并转为SRT字幕格式(不需要安装三方库) 解析 GPX文件格式 GPX文件本身其实就是坐标.海拔.时间.心率等综合性的xml文件 ...

  9. 使用NetTopologySuite将shp文件转为GeoJson格式

    使用NetTopologySuite将shp文件转为GeoJson格式 需要引入的库(NetTopologySuite可从Nuget中下载): using NetTopologySuite.Featu ...

  10. java使用GDAL将shp文件转为geojson文件

    java使用GDAL将shp文件转为geojson文件 代码如下(示例): //将shp文件转为geojson文件//shp文件所在的位置String strVectorFile = "E: ...

最新文章

  1. linux mysql远程连接其他服务器_Linux服务器中MySQL远程连接的开启方法
  2. Python——with语句、context manager类型和contextlib库
  3. MyBatis中调用存储过程和函数
  4. 雾里散步——这次聊聊自已
  5. 你该认识这样的Linux_shell之变量操作符与分支判断
  6. word 7桌面上的计算机图标是,怎么设置win7系统桌面图标都变成word图标的处理办法...
  7. Ubuntu 12.10 正式发布
  8. Applese 的 QQ 群
  9. 彻底解决 LINK : fatal error LNK1123: 转换到 COFF 期间失败: 文件无效或损坏
  10. Prometheus 架构 - 每天5分钟玩转 Docker 容器技术(83)
  11. Echarts多条折线图 y轴数值与实际值不符解决方法
  12. Open Sans字体
  13. Photoshop:如何使图片覆盖在文字上以及一种海报效果实现
  14. python 转换图片大小,并保存
  15. ApacheCN 编程/大数据/数据科学/人工智能学习资源 2019.11
  16. 淘宝按关键词搜索天猫商品接口调用展示
  17. LIN总线协议详解3(帧的类型)
  18. 观江怡之《知识论导论:我们能知道什么?》
  19. 计算机仿真课程的心得体会,计算机仿真课总结.docx
  20. matlab生成计算软件,利用Matlab从第一性原理计算软件Siesta读取和生成能带图

热门文章

  1. 工控安全之勒索病毒篇
  2. linux libxml2编译,libxml2 ARM 交叉编译
  3. 实验六 Linux下文件程序设计
  4. at91rm9200移植u-boot
  5. 【无机纳米材料科研制图——OriginLab 0207】Origin拉平XRD基线
  6. php毕业设计商城模板,基于Thinkphp的毕业设计网上购物商城
  7. “蓝桥+实验楼”:全新的平台、更优的服务
  8. Android Studio 安装TinyPng插件
  9. 红米Note刷机包 移动版 开发版4.9.23 蝰蛇音效 CRT锁屏动画 最流畅的ROM
  10. python excel数据分析师培训_从零开始学可视化数据分析师就业课程(Excel、 MySQL、Power BI、Tableau、python、R)...