可视化大屏 项目中经常会遇到需要渲染echarts地图的情况，为了方便不同城市快速实现效果，将不同城市的echarts地图效果整理出来，供大家参考，今天为大家整理的是太原市万柏林区echarts地图和threejs地图效果实例。地图基于geoJson数据绘制。
万柏林区，隶属 山西省 太原市，是太原的西大门。区人民政府驻西矿街35号。地处汾河西畔，西依龙山山脉，南邻晋源区，北接尖草坪区，与杏花岭区、迎泽区、小店区隔河相望，辖区国土面积304.8平方千米。根据第七次人口普查数据，截至2020年11月1日零时，万柏林区常住人口为951238人。
echarts太原市万柏林区geoJson地图点击地图插小旗
echarts地图渲染点击地图显示自定义效果实例,效果类似点击插小旗的效果,通过scatter实现.
echarts太原市万柏林区geoJson地图3d地图自定义贴图-绿色地面
3d地图自定义贴图-绿色地面,echarts结合echarts-gl实现3d地图自定义贴图效果,通过设置 shading: 'realistic',以及realisticMaterial来设置自定义纹理贴图,当前效果为绿色地面的效果实例
echarts太原市万柏林区geoJson地图点击跳转到指定页面
为图标添加点击事件,点击图标,跳转到指定页面
threejs太原市万柏林区geoJson地图3d地图CSS2D外加旋转棱锥
通过threejs绘制3d地图CSS2D外加旋转棱锥效果,如果对threejs感兴趣，可以观看threejs视频教程 WebGL/Three.js前端3D可视化教程
threejs太原市万柏林区geoJson地图3d地图指定区域闪烁
通过threejs绘制3d地图并让指定区域闪烁
threejs太原市万柏林区geoJson地图3d地图红色描边闪烁警报
通过threejs绘制3d地图使用outlinePass 实现发光描边闪烁效果 以实现警报功能
太原市万柏林区 下辖有 神堂沟街道,千峰街道,化客头街道,白家庄街道,南寒街道,王封乡,下元街道,东社街道,兴华街道,杜儿坪街道,和平街道,西铭街道,万柏林街道,小井峪街道,长风西街街道,神堂沟街道,千峰街道,化客头街道,白家庄街道,南寒街道,王封乡,下元街道,东社街道,兴华街道,杜儿坪街道,和平街道,西铭街道,万柏林街道,小井峪街道,长风西街街道
太原市万柏林区下辖区域坐标
{"神堂沟街道":[112.46856942902642,37.81660562771533],"千峰街道":[],"化客头街道":[],"白家庄街道":[],"南寒街道":[112.4543561137119,37.85049121556368],"王封乡":[],"下元街道":[112.51860749650554,37.84649169372955],"东社街道":[112.45348920530304,37.88801146580579],"兴华街道":[112.51769713758245,37.8745686665316],"杜儿坪街道":[112.37724082580891,37.81644089561886],"和平街道":[112.48417922718266,37.87119062082905],"西铭街道":[112.38581327491114,37.85122656155355],"万柏林街道":[],"小井峪街道":[],"长风西街街道":[112.51851701175146,37.82053495113939]}
太原市万柏林区行政划分代码
[{"name":"神堂沟街道","code":"140109014000"},{"name":"千峰街道","code":"140109001000"},{"name":"化客头街道","code":""},{"name":"白家庄街道","code":"140109007000"},{"name":"南寒街道","code":"140109008000"},{"name":"王封乡","code":""},{"name":"下元街道","code":"140109002000"},{"name":"东社街道","code":"140109009000"},{"name":"兴华街道","code":"140109004000"},{"name":"杜儿坪街道","code":"140109006000"},{"name":"和平街道","code":"140109003000"},{"name":"西铭街道","code":"140109012000"},{"name":"万柏林街道","code":"140109005000"},{"name":"小井峪街道","code":"140109011000"},{"name":"长风西街街道","code":"140109013000"}]
说明
1、根据《地图审核管理规定》、《互联网地图服务专业标准》等法规，本地图不作为境界线勘界等用处。使用中请查阅《中华人民共和国地图编制出版管理条例》、各地地图编制出版管理办法等地图规定按程序应用。
2、本数据是目前市面上较齐全、精度较高的数据，属性齐全，各大高校科研均在用此数据。
3、本数据仅用于echarts threejs地图效果展示。
