JS如何解析kml文件中的数据

1.JS如何解析kml文件中的数据

1.   需要将文件转换为字符串
2.  再使用DOMParser().parseFromString将字符串转换为xml文档
3.  再使用@mapbox/togeojson包，将xml文档转换为geojson。其实就是JSON格式。

1.将文件转换为字符串

let reader = new FileReader();
// console.log(reader.readAsText, 'reader.readAsText')
reader.readAsText(file, "utf-8");

2.使用DOMParser().parseFromString将字符串转换为xml文档

reader.onload = function(e) {const xml = new DOMParser().parseFromString(e.target.result, 'text/xml');}

3.使用@mapbox/togeojson将xml文档转换为geojson

const geojson = togeojson.kml(xml, {style: true
})

下载@mapbox/togeojson

npm i @mapbox/togeojson

2.总结

<template><div><input type="file" @change="changes" ref="file" /></div>
</template>
<script>
// import func from 'vue-editor-bridge'
import togeojson from "@mapbox/togeojson";
export default {methods: {changes() {// console.log(file, 'filefile')console.log(this.$refs.file.files[0], 'this.$refs.file')// console.log('触发啦啦啦')this.analysisKMLFile(this.$refs.file.files[0])},analysisKMLFile(file) {// const reader = new FileReader()// console.log(reader.readAsText, 'reader.readAsText')let reader = new FileReader();// console.log(reader.readAsText, 'reader.readAsText')reader.readAsText(file, "utf-8");// reader.readAsText(file, 'utf-8')reader.onload = function(e) {const xml = new DOMParser().parseFromString(e.target.result, 'text/xml')const geojson = togeojson.kml(xml, {style: true})console.log(geojson, 'geojson')}}}
}
</script>
<style scoped></style>

JS如何解析kml文件中的数据相关推荐

教你如何用 Lua 操作文件中的数据
了解 Lua 如何处理数据的读写. 有些数据是临时的,存储在 RAM 中,只有在应用运行时才有意义.但有些数据是要持久的,存储在硬盘上供以后使用.当你编程时,无论是简单的脚本还是复杂的工具套件,通常都 ...
利用dom4j取出XML文件中的数据
在我们做项目的时候会经常用到XML文件用来配置系统,XML让系统更加的具有了灵活性,Java如何从XML中取出我们想要的数据呢?下面是我利用DOM4J来实现取出XML文件中的数据. XML文件: &l ...
bulkwrite 批量插入_SQL SERVER 使用BULK Insert将txt文件中的数据批量插入表中（1）
1/首先建立数据表 CREATE TABLE BasicMsg ( RecvTime FLOAT NOT NULL , --接收时间,不存在时间相同的数据 AA INT NOT NULL, --24位 ...
python文件读取方法read(size)的含义是_在Python中可使用read([size])来读取文件中的数据,如果参数size省略,则读取文件中的()。(4.0分)_学小易找答案...
[单选题]文本文件存储的是(),由若干文本行组成,通常每行以换行符 '\n' 结尾.(4.0分) [单选题]()属性是返回被打开文件的访问模式.(4.0分) [单选题]重力坝是由砼或( )修筑而成的大 ...
java file数组初始化_java从文件中读取数据并赋值给数组
从txt文件中读取数据赋值给一维数组字节流读入字节数组中字节数组转化为字符串字符创解析为字符串数组字符串数组转化为数值,并赋值为数组文本文件是以字节的形式储存的. 在txt文件中一个数字或者 ...
Tensorflow 从bin文件中读取数据并
Tensorflow 程序读取数据一共有3种方法: 供给数据(feeding):在程序运行的每一步,让Python代码来供给数据从文件读取数据: 让一个输入管线从文件中读取数据预加载数据:在ten ...
Java读取、写入、处理Excel文件中的数据
在日常工作中,我们常常会进行文件读写操作,除去我们最常用的纯文本文件读写,更多时候我们需要对Excel中的数据进行读取操作,本文将介绍Excel读写的常用方法,希望对大家学习Java读写Excel会有 ...
oracle数据库恢复aul_[数据库]oracle从dbf文件中恢复数据(通过AUL工具实现)
[数据库]oracle从dbf文件中恢复数据(通过AUL工具实现) 0 2013-09-27 00:00:18 背景故事:前几天,硬盘故障导致oracle崩溃.重要数据丢失,只剩下孤零零的dbf文件. ...
Python编程--使用PyPDF解析PDF文件中的元数据
Python编程–使用PyPDF解析PDF文件中的元数据元数据作为一种文件里非常明显可见的对象,元数据可以存在于文档.电子表格.图片.音频和视频文件中.创建这些文件的应用程序可能会把文档的作者.创 ...

JS如何解析kml文件中的数据

1.JS如何解析kml文件中的数据

2.总结

JS如何解析kml文件中的数据相关推荐

最新文章

热门文章