大屏数据可视化 项目中经常会遇到需要渲染echarts地图的情况,为了方便不同城市快速实现效果,将不同城市的echarts地图效果整理出来,供大家参考,今天为大家整理的是晋中市和顺县echarts地图和threejs地图效果实例。地图基于geoJson数据绘制。
和顺县,隶属 山西省 晋中市。位于山西省东陲,太行山中段,总面积2250平方千米。截至2020年11月,和顺县常住人口12.16万人。截至2021年10月,和顺县下辖5个镇,3个乡和1个城区。176个村 [1] 县政府驻义兴镇。
echarts晋中市和顺县geoJson地图水滴状气泡图
echarts地图渲染时,会通过一个水滴状小气泡来将数值渲染到地图上,我们可以可以通过scatter来实现我们想要的效果.
echarts晋中市和顺县geoJson地图圆形波纹状气泡图
echarts地图渲染时,会通过effectScatter实现一个圆形外加波纹扩散效果的气泡来使页面看起来更酷炫.
echarts晋中市和顺县geoJson地图区域闪烁
echarts地图有时候为了突出某一块区域的重要性,会进行两个颜色的交替变化来告诉用户这一块需要重点关注,我们可以通过echarts的dispatchAction来实现我们想要的效果.
threejs晋中市和顺县geoJson地图3d地图指定区域闪烁
通过threejs绘制3d地图并让指定区域闪烁,如果对threejs感兴趣,可以观看threejs视频教程 WebGL 3D可视化教程
threejs晋中市和顺县geoJson地图3d地图CSS3D标签
通过threejs绘制的3d地图CSS3D标签实例,CSS3D不面向摄像机,跟随场景缩放,可以通过rotateY调整角度,通过scale调整大小
threejs晋中市和顺县geoJson地图3d地图添加金色效果
通过threejs绘制3d地图使用outlinePass实现金色描边效果,并通过edgeStrength增加强度,让描边更清晰
晋中市和顺县 下辖有 义兴镇,平松乡,李阳镇,松烟镇,横岭镇,青城镇,马坊乡,阳光占乡,喂马乡,牛川乡,义兴镇,平松乡,李阳镇,松烟镇,横岭镇,青城镇,马坊乡,阳光占乡,喂马乡,牛川乡
晋中市和顺县下辖区域坐标
{"义兴镇":[113.49295981816843,37.36295512449669],"平松乡":[113.64322342814346,37.28669133691992],"李阳镇":[113.60156308822047,37.41437126214498],"松烟镇":[113.69737465839995,37.15364454837162],"横岭镇":[113.1761808865695,37.33830788738761],"青城镇":[113.83474566411596,37.29403651660323],"马坊乡":[113.22469808049004,37.47483436157438],"阳光占乡":[113.24929839722907,37.28944191440951],"喂马乡":[113.47386238226657,37.25051078932989],"牛川乡":[113.71183523287908,37.38972080059781]}
晋中市和顺县行政划分代码
[{"name":"义兴镇","code":"140723100000"},{"name":"平松乡","code":"140723201000"},{"name":"李阳镇","code":"140723101000"},{"name":"松烟镇","code":"140723102000"},{"name":"横岭镇","code":"140723104000"},{"name":"青城镇","code":"140723103000"},{"name":"马坊乡","code":"140723203000"},{"name":"阳光占乡","code":""},{"name":"喂马乡","code":"140723200000"},{"name":"牛川乡","code":""}]
说明
1、根据《地图审核管理规定》、《互联网地图服务专业标准》等法规,本地图不作为境界线勘界等用处。使用中请查阅《中华人民共和国地图编制出版管理条例》、各地地图编制出版管理办法等地图规定按程序应用。
2、本数据是目前市面上较齐全、精度较高的数据,属性齐全,各大高校科研均在用此数据。
3、本数据仅用于echarts threejs地图效果展示。