GeoJson导入Echarts(2D、3D模式),scatter、map、scatter3D、map3D等结合

一、如何获取自定义geojson
打开网页http://geojson.io。获取所需json数据。可为数据添加所需要的属性键值对。获取初始数据GeoJson导入Echarts(2D、3D模式),scatter、map、scatter3D、map3D等结合

二、导入echarts
需要注册地图,Echarts.registerMap(‘苏州大学’, json数据)。
注意导入的geojson格式很重要,如果是无重合区域则不需要修改数据。如果地图中有重合部分,例如地图数据是苏州大学内有理学院,这种类型,如下图所示GeoJson导入Echarts(2D、3D模式),scatter、map、scatter3D、map3D等结合

请修改大环为有孔洞的type类型,具体请参考geojson文档。并且要将大环的coordinates内的坐标数组顺序进行reverse操作。这样才能解决导入echarts时鼠标无法悬浮在小的区域上的问题。
可用于geo、geo3D、map、map3D、scatter、scatter3D等。GeoJson导入Echarts(2D、3D模式),scatter、map、scatter3D、map3D等结合

三、以map3D为底,上层覆盖scatter3D。(这种做法主要解决的问题时鼠标可触发地图上的数据,也能触发散点图上的数据。如果只有散点图和geo3d,则地图上的数据是无法被鼠标选中的。)
首先scatter3D需要引入geo3D为坐标系统。此时如果散点图的数据只有一个的话,仍然鼠标无法点中此数据。这个是echarts的bug。
GeoJson导入Echarts(2D、3D模式),scatter、map、scatter3D、map3D等结合
如有问题可加qq 3271147278