可视化大屏 项目中会有渲染地图的需要,除了百度地图以及高德地图外，也会需要echarts或者threejs效果的地图,今天为大家整理安顺市西秀区echarts地图和threejs地图效果实例供大家参考。地图基于geoJson数据绘制。
echarts安顺市西秀区geoJson地图水滴状气泡图
echarts地图渲染时,会通过一个水滴状小气泡来将数值渲染到地图上,我们可以可以通过scatter来实现我们想要的效果.
echarts安顺市西秀区geoJson地图圆形波纹状气泡图
echarts地图渲染时,会通过effectScatter实现一个圆形外加波纹扩散效果的气泡来使页面看起来更酷炫.
echarts安顺市西秀区geoJson地图 visualMap控制地图颜色
echarts地图使用visualMap通过一组颜色及一组数据来实现地图不同区域根据不同数据进行颜色变化
threejs安顺市西秀区geoJson地图3d地图CSS3D标签
通过threejs绘制的3d地图CSS3D标签实例，CSS3D不面向摄像机，跟随场景缩放,可以通过rotateY调整角度,通过scale调整大小 Vue3 threejs 在3d地图中绘制css3d标签标注省份,如果想系统的学习threejs的话，可以观看threejs课程视频 WebGL 3D可视化教程
threejs安顺市西秀区geoJson地图3d地图指定区域闪烁
通过threejs绘制3d地图并让指定区域闪烁
threejs安顺市西秀区geoJson地图3d地图自定义贴图加CSS3D标签
通过threejs绘制3d地图并添加CSS3D标签和自定义贴图
安顺市西秀区 下辖有 新场布依族苗族乡,南街街道,七眼桥镇,北街街道,东关街道,东街街道,华西街道,大西桥镇,轿子山镇,西航街道,宁谷镇,东屯乡,刘官乡,双堡镇,宋旗镇,龙宫镇,幺铺镇,旧州镇,蔡官镇,西街街道,岩腊苗族布依族乡,杨武布依族苗族乡,鸡场布依族苗族乡,黄腊布依族苗族乡
安顺市西秀区下辖区域坐标
{"新场布依族苗族乡":[105.94228342097799,26.09074066338304],"南街街道":[105.93315236274523,26.24278038742447],"七眼桥镇":[106.0598058460914,26.28404175361083],"北街街道":[],"东关街道":[105.96693732474104,26.26919367400905],"东街街道":[105.93549013065945,26.25139967919939],"华西街道":[],"大西桥镇":[106.11936562338622,26.33942907563558],"轿子山镇":[105.92305278049137,26.34254186021846],"西航街道":[105.88597728612706,26.23920103246207],"宁谷镇":[105.99492939717453,26.16981389592284],"东屯乡":[106.23152448266053,26.17026970540859],"刘官乡":[106.20749022525196,26.27493336347272],"双堡镇":[106.15293361479546,26.14297610312878],"宋旗镇":[105.84743417438129,26.24167881452049],"龙宫镇":[105.90330647734193,26.11561674633941],"幺铺镇":[105.8365580485092,26.18087660699074],"旧州镇":[106.11953036294568,26.24063074040975],"蔡官镇":[106.01400740323011,26.37053233990517],"西街街道":[105.92581315350284,26.24735775983561],"岩腊苗族布依族乡":[105.97363831548518,26.05970686085703],"杨武布依族苗族乡":[106.1785235422838,26.04277897776191],"鸡场布依族苗族乡":[106.0689018447436,26.08812955337804],"黄腊布依族苗族乡":[]}
安顺市西秀区行政划分代码
[{"name":"新场布依族苗族乡","code":"520402200000"},{"name":"南街街道","code":"520402001000"},{"name":"七眼桥镇","code":"520402106000"},{"name":"北街街道","code":"520402004000"},{"name":"东关街道","code":"520402005000"},{"name":"东街街道","code":"520402002000"},{"name":"华西街道","code":"520402006000"},{"name":"大西桥镇","code":"520402105000"},{"name":"轿子山镇","code":"520402108000"},{"name":"西航街道","code":"520402007000"},{"name":"宁谷镇","code":"520402102000"},{"name":"东屯乡","code":"520402204000"},{"name":"刘官乡","code":"520402206000"},{"name":"双堡镇","code":"520402104000"},{"name":"宋旗镇","code":"520402100000"},{"name":"龙宫镇","code":"520402103000"},{"name":"幺铺镇","code":"520402101000"},{"name":"旧州镇","code":"520402109000"},{"name":"蔡官镇","code":"520402107000"},{"name":"西街街道","code":"520402003000"},{"name":"岩腊苗族布依族乡","code":"520402201000"},{"name":"杨武布依族苗族乡","code":"520402203000"},{"name":"鸡场布依族苗族乡","code":"520402202000"},{"name":"黄腊布依族苗族乡","code":"520402205000"}]
说明
1、根据《地图审核管理规定》、《互联网地图服务专业标准》等法规，本地图不作为境界线勘界等用处。使用中请查阅《中华人民共和国地图编制出版管理条例》、各地地图编制出版管理办法等地图规定按程序应用。
2、本数据是目前市面上较齐全、精度较高的数据，属性齐全，各大高校科研均在用此数据。
3、本数据仅用于echarts threejs地图效果展示。
4、当前除了包含有关键地区的geoJson地图信息外还包含有28个echarts地图效果,以及13个threejs地图实例效果,限于篇幅不一一展示,可以通过更多echarts和threejs地图效果实例查看
