数据可视化大屏 项目中经常会遇到需要渲染echarts地图的情况，为了方便不同城市快速实现效果，将不同城市的echarts地图效果整理出来，供大家参考，今天为大家整理的是通化市梅河口市echarts地图和threejs地图效果实例。地图基于geoJson数据绘制。
echarts通化市梅河口市geoJson地图3d地图实例旋转动画
使用的是echarts-gl结合echarts实现的3d地图效果实例
echarts通化市梅河口市geoJson地图3d地图
使用的是echarts-gl结合echarts实现的3d地图效果实例
echarts通化市梅河口市geoJson地图定义颜色
echarts地图通过visualMap来事先设置好数据区间,根据区间来来显示地图的颜色,这里的visualMap数据是随机生成的,可以通过实例代码根据自己的需要配置颜色和数据区间.
threejs通化市梅河口市geoJson地图3d地图CSS3D标签
通过threejs绘制的3d地图CSS3D标签实例，CSS3D不面向摄像机，跟随场景缩放,可以通过rotateY调整角度,通过scale调整大小 Vue3 threejs 在3d地图中绘制css3d标签标注省份,如果想系统的学习threejs的话，可以观看threejs视频 Three.js前端3D可视化教程
threejs通化市梅河口市geoJson地图3d地图自定义贴图加CSS2D标签
通过threejs绘制3d地图并添加CSS2D标签和自定义贴图
通化市梅河口市 下辖有 牛心顶镇,解放街道,山城镇,新合镇,湾龙乡,一座营镇,康大营镇,小杨满族朝鲜族乡,和平街道,福民街道,中和镇,李炉乡,杏岭乡,兴华乡,双兴乡,吉乐乡,曙光镇,水道镇,海龙镇,红梅镇,光明街道,进化镇,黑山头镇,新华街道
通化市梅河口市下辖区域坐标
{"牛心顶镇":[125.934902754424,42.74022918437598],"解放街道":[125.69625875804383,42.55914579423633],"山城镇":[125.40985549974812,42.33734785140813],"新合镇":[125.9537611728314,42.57459154291219],"湾龙乡":[125.73350537212073,42.64884210797234],"一座营镇":[125.82443746012342,42.81547078935914],"康大营镇":[125.79389928478408,42.92972466731668],"小杨满族朝鲜族乡":[125.37067705013014,42.23839035727386],"和平街道":[125.6509905155579,42.52853622881703],"福民街道":[125.68952155313445,42.52525052664693],"中和镇":[125.53928110287926,42.37966261734528],"李炉乡":[125.7681441500605,42.54695910487453],"杏岭乡":[125.82251821065931,42.48133240062717],"兴华乡":[125.86885430960271,42.8564642293212],"双兴乡":[125.76201360419188,42.69889332414061],"吉乐乡":[125.4944349523648,42.23063460915013],"曙光镇":[125.69074523694901,42.43543237397691],"水道镇":[125.55266254740908,42.30175326839282],"海龙镇":[125.87778162533355,42.61585595525035],"红梅镇":[125.5737192204819,42.37805198506621],"光明街道":[125.70286751472435,42.52408198140727],"进化镇":[125.76549443725003,42.37331338103802],"黑山头镇":[125.61049541412905,42.47668091777094],"新华街道":[125.66438036172525,42.51928807219302]}
通化市梅河口市行政划分代码
[{"name":"牛心顶镇","code":"220581111000"},{"name":"解放街道","code":"220581071000"},{"name":"山城镇","code":"220581100000"},{"name":"新合镇","code":"220581103000"},{"name":"湾龙乡","code":""},{"name":"一座营镇","code":"220581109000"},{"name":"康大营镇","code":"220581110000"},{"name":"小杨满族朝鲜族乡","code":"220581205000"},{"name":"和平街道","code":"220581070000"},{"name":"福民街道","code":"220581072000"},{"name":"中和镇","code":"220581105000"},{"name":"李炉乡","code":"220581201000"},{"name":"杏岭乡","code":""},{"name":"兴华乡","code":""},{"name":"双兴乡","code":""},{"name":"吉乐乡","code":"220581206000"},{"name":"曙光镇","code":"220581104000"},{"name":"水道镇","code":"220581107000"},{"name":"海龙镇","code":"220581102000"},{"name":"红梅镇","code":"220581101000"},{"name":"光明街道","code":"220581002000"},{"name":"进化镇","code":"220581108000"},{"name":"黑山头镇","code":"220581106000"},{"name":"新华街道","code":"220581001000"}]
说明
1、根据《地图审核管理规定》、《互联网地图服务专业标准》等法规，本地图不作为境界线勘界等用处。使用中请查阅《中华人民共和国地图编制出版管理条例》、各地地图编制出版管理办法等地图规定按程序应用。
2、本数据是目前市面上较齐全、精度较高的数据，属性齐全，各大高校科研均在用此数据。
3、本数据仅用于echarts threejs地图效果展示。
4、当前除了包含有关键地区的geoJson地图信息外还包含有28个echarts地图效果,以及13个threejs地图实例效果,限于篇幅不一一展示,可以通过更多echarts和threejs地图效果实例查看
