数据可视化大屏 项目中经常会遇到需要渲染echarts地图的情况，为了方便不同城市快速实现效果，将不同城市的echarts地图效果整理出来，供大家参考，今天为大家整理的是绵阳市安州区echarts地图和threejs地图效果实例。地图基于geoJson数据绘制。
echarts绵阳市安州区geoJson地图 visualMap控制地图颜色
echarts地图使用visualMap通过一组颜色及一组数据来实现地图不同区域根据不同数据进行颜色变化
echarts绵阳市安州区geoJson地图添加柱状图
echarts地图渲染时,为了让地图上的数据有一个对比的效果,会在地图上标注柱状图,以便于更直观的看出各个区域的数值.
echarts绵阳市安州区geoJson地图热力图
echarts通过heatmap实现热力图效果
threejs绵阳市安州区geoJson地图3d地图添加旋转棱锥
通过threejs绘制3d地图并在指定经纬度上添加带波纹效果不停旋转的棱锥效果实例,如果对threejs感兴趣，可以观看threejs教程视频 WebGL/Three.js前端高薪3D可视化
threejs绵阳市安州区geoJson地图3d地图自定义贴图加CSS2D标签
通过threejs绘制3d地图并添加CSS2D标签和自定义贴图
threejs绵阳市安州区geoJson地图3d地图添加金色效果
通过threejs绘制3d地图使用outlinePass实现金色描边效果,并通过edgeStrength增加强度,让描边更清晰
绵阳市安州区 下辖有 桑枣镇,黄土镇,界牌镇,迎新乡,乐兴镇,兴仁乡,千佛镇,永河镇,塔水镇,宝林镇,晓坝镇,河清镇,沸水镇,清泉镇,雎水镇,秀水镇,高川乡,花荄镇
绵阳市安州区下辖区域坐标
{"桑枣镇":[104.35039270909488,31.62933748964463],"黄土镇":[104.50397018852502,31.60841635036317],"界牌镇":[104.59701368194752,31.50942916465834],"迎新乡":[104.29289206431037,31.46790068102712],"乐兴镇":[104.42651272274128,31.53333256477288],"兴仁乡":[104.479701915773,31.50331753779123],"千佛镇":[104.26462272935166,31.70208265348153],"永河镇":[104.38528850591501,31.40753187341802],"塔水镇":[104.40569993512604,31.46454159401537],"宝林镇":[104.44339546705191,31.40694663949819],"晓坝镇":[104.28736884253442,31.62484501941131],"河清镇":[104.32006017755475,31.41976233218031],"沸水镇":[104.27674574901985,31.56323019794259],"清泉镇":[104.47900986957191,31.43834438383188],"雎水镇":[104.21918878608643,31.51880041213771],"秀水镇":[104.33930768177714,31.50869210977964],"高川乡":[104.16791030832329,31.64596548189644],"花荄镇":[104.56123782374792,31.55187820304422]}
绵阳市安州区行政划分代码
[{"name":"桑枣镇","code":"510705101000"},{"name":"黄土镇","code":"510705103000"},{"name":"界牌镇","code":"510705108000"},{"name":"迎新乡","code":""},{"name":"乐兴镇","code":""},{"name":"兴仁乡","code":""},{"name":"千佛镇","code":"510705116000"},{"name":"永河镇","code":""},{"name":"塔水镇","code":"510705104000"},{"name":"宝林镇","code":""},{"name":"晓坝镇","code":""},{"name":"河清镇","code":"510705106000"},{"name":"沸水镇","code":""},{"name":"清泉镇","code":""},{"name":"雎水镇","code":"510705110000"},{"name":"秀水镇","code":"510705105000"},{"name":"高川乡","code":"510705202000"},{"name":"花荄镇","code":"510705102000"}]
说明
1、根据《地图审核管理规定》、《互联网地图服务专业标准》等法规，本地图不作为境界线勘界等用处。使用中请查阅《中华人民共和国地图编制出版管理条例》、各地地图编制出版管理办法等地图规定按程序应用。
2、本数据是目前市面上较齐全、精度较高的数据，属性齐全，各大高校科研均在用此数据。
3、本数据仅用于echarts threejs地图效果展示。
4、当前除了包含有关键地区的geoJson地图信息外还包含有28个echarts地图效果,以及13个threejs地图实例效果,限于篇幅不一一展示,可以通过更多echarts和threejs地图效果实例查看
