大屏数据可视化 项目中经常会遇到需要渲染echarts地图的情况，为了方便不同城市快速实现效果，将不同城市的echarts地图效果整理出来，供大家参考，今天为大家整理的是太原市晋源区echarts地图和threejs地图效果实例。地图基于geoJson数据绘制。
晋源区，山西省 太原市 六城区之一，于1998年1月1日太原市行政区划调整后挂牌成立，地处太原市西南晋阳古城遗址所在地，以历史悠久、人文荟萃、文物古迹众多闻名。北起义井东街，与万柏林区相依；南至姚村镇高家堡村；西南与清徐县、古交市接壤；东以汾河为界，与小店区隔河相望。汾河自北而南纵贯全区，全长30.8千米。区域面积289平方千米。根据第七次人口普查数据，截至2020年11月1日零时，晋源区常住人口为316445人。
echarts太原市晋源区geoJson地图地图排行榜效果
echarts地图根据数据渲染不同颜色的地图,并根据数据大小显示前10名的排序效果,属于地图map类型和柱状图bar类型混合效果
echarts太原市晋源区geoJson地图圆形波纹状气泡图
echarts地图渲染时,会通过effectScatter实现一个圆形外加波纹扩散效果的气泡来使页面看起来更酷炫.
echarts太原市晋源区geoJson地图 tooltip轮播
echarts地图实现类似tooltip轮播效果,通过effectScatter实现浮窗,并通过定时修改effectScatter的data来实现浮窗的移动.
threejs太原市晋源区geoJson地图3d地图添加描边效果
通过threejs绘制3d地图使用outlinePass 实现发光描边效果,如果想系统的学习threejs的话，可以观看threejs视频教程 WebGL/Three.js前端3D可视化教程
threejs太原市晋源区geoJson地图3d地图添加旋转棱锥
通过threejs绘制3d地图并在指定经纬度上添加带波纹效果不停旋转的棱锥效果实例
threejs太原市晋源区geoJson地图3d地图红色描边闪烁警报
通过threejs绘制3d地图使用outlinePass 实现发光描边闪烁效果 以实现警报功能
太原市晋源区 下辖有 金胜镇,姚村镇,晋祠镇,义井街道,晋源街道,罗城街道,金胜镇,姚村镇,晋祠镇,义井街道,晋源街道,罗城街道
太原市晋源区下辖区域坐标
{"金胜镇":[],"姚村镇":[112.37625677183516,37.67197957844382],"晋祠镇":[112.40908986583668,37.6996802429491],"义井街道":[112.50612572447905,37.80297053361549],"晋源街道":[112.43354950677272,37.73906946203682],"罗城街道":[112.45204176873645,37.76599467069336]}
太原市晋源区行政划分代码
[{"name":"金胜镇","code":"140110100000"},{"name":"姚村镇","code":"140110102000"},{"name":"晋祠镇","code":"140110101000"},{"name":"义井街道","code":"140110001000"},{"name":"晋源街道","code":"140110003000"},{"name":"罗城街道","code":"140110002000"}]
说明
1、根据《地图审核管理规定》、《互联网地图服务专业标准》等法规，本地图不作为境界线勘界等用处。使用中请查阅《中华人民共和国地图编制出版管理条例》、各地地图编制出版管理办法等地图规定按程序应用。
2、本数据是目前市面上较齐全、精度较高的数据，属性齐全，各大高校科研均在用此数据。
3、本数据仅用于echarts threejs地图效果展示。
