思路:
一.
利用bigeMap软件(全能版,首次使用需要免费授权)
逐个保存需要地图展示的街道kml文件
;
(
如果不需要精确到县内城镇的话，只是到省轮廓的话，echarts包内置就有json和js文件。
)
二.
https://geojson.io
/#map=2/20.0/0.0
打开上面链接 逐个导入kml,生成geojson文件, 并把保存文件的扩展名改为json就能用了。
三.导入刚生成的json文件;(道理同中国地图要引入echarts依赖包中内置China.js,一样)
举个例子吧,毕竟还是有坑的
1.b
igeMap使用,导出kml文件;
2
.
https://geojson.io
/#map=2/20.0/0.0
(http开头打不开),
逐个导入所有街道kml文件,最后别忘了保存导出,修改后缀.
生成的数据格式有两种;
修改成这种格式,才能正确渲染
因为呀,北塘街道在地图是两部分组成的 北塘经济区是一部分组成
网上有提供修改eCharts依赖包内js文件或者引入单独的js文件,我照做了,没有实现.
推荐一个在线转换工具吧
toGeoJSON
这个也是可以生成GeoJSON文件的 (备用)
数据还是的自己手动修改,当然数据量大的话 自己写个JS方法转一下也是可以的.
eCharts引入使用就不举例了,引入多个eChart配置的时候 推荐一个写法吧!
1.配置项放到单独一个js文件里;
2.导入配置项文件
当然如果要动态修改配置项入参的时候,单个eCharts封装组件,传入要修改的数据,方便维护.
原创不易,留个赞再走 ^o^