可视化大屏 项目中会有渲染地图的需要,除了百度地图以及高德地图外，也会需要echarts或者threejs效果的地图,今天为大家整理呼和浩特市武川县echarts地图和threejs地图效果实例供大家参考。地图基于geoJson数据绘制。
武川县，隶属 内蒙古自治区 呼和浩特市。位于内蒙古自治区中部，阴山北麓，首府呼和浩特市北，总面积4885平方公里。根据第七次人口普查数据，截至2020年11月1日零时，武川县常住人口为95869人。
echarts呼和浩特市武川县geoJson地图点击弹出自定义弹窗
我们可以通过scatter来设置自定义样式,但是这种自定义局限性很大,如果要求的样式很复杂的话,scatter就不能很好的实现了,所以我们可以通过鼠标点击获取横纵坐标,然后通过css来定位到对应的位置.
echarts呼和浩特市武川县geoJson地图添加柱状图
echarts地图渲染时,为了让地图上的数据有一个对比的效果,会在地图上标注柱状图,以便于更直观的看出各个区域的数值.
echarts呼和浩特市武川县geoJson地图区域闪烁
echarts地图有时候为了突出某一块区域的重要性,会进行两个颜色的交替变化来告诉用户这一块需要重点关注,我们可以通过echarts的dispatchAction来实现我们想要的效果.
threejs呼和浩特市武川县geoJson地图3d地图CSS2D外加旋转棱锥
通过threejs绘制3d地图CSS2D外加旋转棱锥效果,如果对threejs感兴趣，可以观看threejs教程视频 WebGL/Three.js前端3D可视化教程
threejs呼和浩特市武川县geoJson地图3d地图CSS3D标签
通过threejs绘制的3d地图CSS3D标签实例，CSS3D不面向摄像机，跟随场景缩放,可以通过rotateY调整角度,通过scale调整大小
threejs呼和浩特市武川县geoJson地图3d地图自定义贴图加CSS3D标签
通过threejs绘制3d地图并添加CSS3D标签和自定义贴图
呼和浩特市武川县 下辖有 可镇,哈乐镇,上秃亥乡,二份子乡,大青山乡,德胜沟乡,耗赖山乡,哈拉合少乡,内蒙古武川经济开发区,西乌兰不浪镇,武川金三角开发区
呼和浩特市武川县下辖区域坐标
{"可镇":[111.43240413783512,41.15310260771196],"哈乐镇":[111.69695801718242,41.13154670497538],"上秃亥乡":[111.24882553182948,41.18527911667101],"二份子乡":[110.78340965123738,41.22010495449255],"大青山乡":[111.48142699752441,40.98914808583018],"德胜沟乡":[111.16143963035103,41.00580547957274],"耗赖山乡":[111.56064903071565,41.2276431386618],"哈拉合少乡":[110.8528305828253,40.94546661220608],"内蒙古武川经济开发区":[111.45877057717179,41.03387615471574],"西乌兰不浪镇":[110.97814103571257,41.17527996486454],"武川金三角开发区":[111.43361921873353,41.11803969984602]}
说明
1、根据《地图审核管理规定》、《互联网地图服务专业标准》等法规，本地图不作为境界线勘界等用处。使用中请查阅《中华人民共和国地图编制出版管理条例》、各地地图编制出版管理办法等地图规定按程序应用。
2、本数据是目前市面上较齐全、精度较高的数据，属性齐全，各大高校科研均在用此数据。
3、本数据仅用于echarts threejs地图效果展示。
中国geoJson实例下载
中国地图geojson
内蒙古自治区地图geojson
呼和浩特市地图geojson
