关于Vue+ECharts 地图引用空间文件或GIS(.shp)

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了关于Vue+ECharts 地图引用空间文件或GIS(.shp)相关的知识,希望对你有一定的参考价值。

参考技术A 效果图:

直接步入主题

GIS 能够让你查看这个 .shp 文件的地图内容,但是我感觉用不用都可以,反正我是没用,因为他在合并的时候我不是很理解,毕竟太过跨越了;

关于引用空间文件
1.首先你需要得到一些 .shp 文件,当然是越轻量级越好;
2.你需要将你得到的空间文件在 https://mapshaper.org/ 这个网站进行转化为geoJSON ;
3.你转换的是geoJSON 但是到手的确实JSON文件,这个不用慌,就是这么的无厘头;
4.如果你得到的是一个JSON文件当然最好,如果是多个你就需要合并了,就像我是的安装了很多插件,但是最后都没成,还是自己手动的合成了一下,但好在不是很多,我只有三个,简单地看了一下应该是 (点、线、面)凑成的三个JSON文件;
5.你得到这个JSON文件你成功了三分之二,剩下的就是echarts的操作了,以上的一些步骤卡了我2天时间,毕竟比较菜鸡,叶很水,当然你看见了我这个文章你就乐吧,稳稳地能帮你把这个需求搞定;

以下是ECharts的操作了
1.你需要将你得到的JSON文件放到你的项目文件中以便引入;

这是一个引入外部JSON文件 在ECharts中有过案例;

把这个写上,这个也是官网的案例;

以上就是我的实现经历 如果大家有更方便的办法请联系我或评论哦 (在将几个JSON文件合并时感觉好尴尬)

以上是关于关于Vue+ECharts 地图引用空间文件或GIS(.shp)的主要内容,如果未能解决你的问题,请参考以下文章

基于VUE+TS中引用ECharts的中国地图和世界地图密度表

请教一个关于echarts地图扩展的问题,不甚感激

请教一个关于echarts地图扩展的问题,不甚感激

echarts使用本地json文件无法显示地图

vue项目中echarts流向图迁徙图实现

请教一个关于echarts地图扩展实例的问题,不甚感激