eCharts添加自定义geojson数据实现地图展示

概述:

当初看到echarts的地图的时候感觉可以做点什么,但是一直米有实施,最近刚好用到了,就研究了研究,在echarts中添加了自定义的geojson数据,实现数据的地图展示。


geojson数据生成:

geojson数据的生成有很多种方式,在此介绍两种:1、通过gdal直接转换;2、通过geoserver生成。

1、通过gdal

通过gdal生成可参考文章GDAL的java环境配置以及将shp转换为json

2、通过geojson

在图层预览里面选择geojson即可,如下图。

eCharts添加自定义geojson数据实现地图展示_第1张图片


展示实现:

实现代码如下:



    
    ECharts
    



实现后效果如下:

eCharts添加自定义geojson数据实现地图展示_第2张图片

---------------------------------------------------------------------------------------------------------------

技术博客

http://blog.csdn.NET/gisshixisheng

在线教程

http://edu.csdn.Net/course/detail/799
Github

https://github.com/lzugis/

联系方式

q       q:1004740957

e-mail:[email protected]

公众号:lzugis15

Q Q 群:452117357(webgis)
             337469080(Android)


你可能感兴趣的:(GIS加油站,echarts,地图)