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

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

效果图:

直接步入主题

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文件合并时感觉好尴尬)团仔

可以。

在项目中,需要使用乡镇街道的地图边界,之前一直使用的是百度地图或Echarts地图,其没有这部分行政区的数据,需要在第三方购买数据,其提供的是shp文件。

主文件:counties.shp,索引文件:counties.shx,dBASE表:ounties.dbf。我使用GeoServer将shp文件导入(文件导入时选择GBK编码),然后再使用纤或GeoServer界面管理中导出数据功能导出为GeoJSON格式。

开始使用的GeoServer2、3、8,当导出问KML数据,中文没出现乱码现象,但是导出为GeoJSON时,出现乱码现象,在网上也没搜到解决办法。寻找中文乱码问题,找了半天,没找到,重新下载GeoServer2、8、0版本,没有经过其他处理就解决了乱码问题。

shp文件(第二个文件闭亏是导入GeoServer时自动生成的),导入后,在GeoServer管理界面中如下:选择右边下来中的GeoJSON,会在网页中打开一毁态伍个json文件,保存到本地即可。


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/tougao/12244272.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-22
下一篇 2023-05-22

发表评论

登录后才能评论

评论列表(0条)

保存