数据可视化大屏 项目中经常需要渲染echarts地图,为了不同城市快速实现,将不同城市的echarts地图效果整理出来,今天为大家整理曲靖市宣威市echarts地图和threejs地图效果实例。地图基于geoJson数据绘制。
echarts曲靖市宣威市geoJson地图全局颜色渐变
echarts地图渲染时,除了局部区域渐变外也会遇到整个地图的颜色渐变效果,我们可以通过areaColor的linear-gradient来实现我们想要的效果
echarts曲靖市宣威市geoJson地图3d地图实例旋转动画
使用的是echarts-gl结合echarts实现的3d地图效果实例
echarts曲靖市宣威市geoJson地图迁徙图
echarts飞线图实例,可以根据自己的需要配置飞线的颜色大小以及方向
threejs曲靖市宣威市geoJson地图3d地图CSS3D标签
通过threejs绘制的3d地图CSS3D标签实例,CSS3D不面向摄像机,跟随场景缩放,可以通过rotateY调整角度,通过scale调整大小 Vue3 threejs 在3d地图中绘制css3d标签标注省份,如果对threejs感兴趣,可以观看threejs视频教程 3D可视化Three.js视频教程
threejs曲靖市宣威市geoJson地图3d地图CSS2D外加旋转棱锥
通过threejs绘制3d地图CSS2D外加旋转棱锥效果
threejs曲靖市宣威市geoJson地图3d地图鼠标移入显示标签并高亮
通过threejs绘制的3d地图鼠标移入显示标签并高亮
曲靖市宣威市 下辖有 倘塘镇,热水镇,东山镇,杨柳乡,板桥镇,虹桥街道,格宜镇,落水镇,乐丰乡,双河乡,宝山镇,得禄乡,文兴乡,普立乡,来宾镇,宛水街道,海岱镇,田坝镇,羊场镇,西泽乡,阿都乡,龙场镇,龙潭镇,双龙街道,西宁街道,务德镇
曲靖市宣威市下辖区域坐标
{"倘塘镇":[104.18520164695937,26.50357510872253],"热水镇":[103.77962215522115,26.06779945520016],"东山镇":[104.23997539444886,26.13009216992464],"杨柳乡":[104.27128714312624,26.59182236668816],"板桥镇":[104.03288611831343,26.04896621665809],"虹桥街道":[104.08786382554727,26.15567441503277],"格宜镇":[104.36940254839237,26.31773930771305],"落水镇":[103.98283814391166,26.13807289253461],"乐丰乡":[104.35238245433442,26.49852977467737],"双河乡":[104.41904529816513,26.62478875056819],"宝山镇":[104.48442327041255,26.32597179741123],"得禄乡":[103.96175061132266,26.45176287452993],"文兴乡":[104.53864036302635,26.47207722602227],"普立乡":[104.60247935517243,26.4220016041049],"来宾镇":[104.16892751858754,26.33339170384319],"宛水街道":[104.10642126012195,26.19260397697486],"海岱镇":[104.37246267554093,26.04511240346938],"田坝镇":[104.43912151571597,26.15740712122473],"羊场镇":[104.27265369436327,25.97961331497296],"西泽乡":[103.84713720038289,26.2790882588388],"阿都乡":[104.50471926845489,26.53525450447242],"龙场镇":[104.29722627693536,26.32501726357432],"龙潭镇":[104.01629048488184,26.40790864650176],"双龙街道":[104.1307691788941,26.24389047976963],"西宁街道":[104.00636853435446,26.27162113702869],"务德镇":[103.71260397690239,26.24823024919291]}
曲靖市宣威市行政划分代码
[{"name":"倘塘镇","code":"530381106000"},{"name":"热水镇","code":"530381112000"},{"name":"东山镇","code":"530381114000"},{"name":"杨柳乡","code":""},{"name":"板桥镇","code":""},{"name":"虹桥街道","code":"530381004000"},{"name":"格宜镇","code":"530381102000"},{"name":"落水镇","code":"530381107000"},{"name":"乐丰乡","code":"530381206000"},{"name":"双河乡","code":"530381205000"},{"name":"宝山镇","code":"530381113000"},{"name":"得禄乡","code":"530381203000"},{"name":"文兴乡","code":"530381207000"},{"name":"普立乡","code":"530381201000"},{"name":"来宾镇","code":""},{"name":"宛水街道","code":"530381001000"},{"name":"海岱镇","code":"530381109000"},{"name":"田坝镇","code":"530381103000"},{"name":"羊场镇","code":"530381104000"},{"name":"西泽乡","code":"530381202000"},{"name":"阿都乡","code":"530381208000"},{"name":"龙场镇","code":"530381110000"},{"name":"龙潭镇","code":"530381111000"},{"name":"双龙街道","code":"530381003000"},{"name":"西宁街道","code":"530381002000"},{"name":"务德镇","code":"530381108000"}]
说明
1、根据《地图审核管理规定》、《互联网地图服务专业标准》等法规,本地图不作为境界线勘界等用处。使用中请查阅《中华人民共和国地图编制出版管理条例》、各地地图编制出版管理办法等地图规定按程序应用。
2、本数据是目前市面上较齐全、精度较高的数据,属性齐全,各大高校科研均在用此数据。
3、本数据仅用于echarts threejs地图效果展示。
4、当前除了包含有关键地区的geoJson地图信息外还包含有28个echarts地图效果,以及13个threejs地图实例效果,限于篇幅不一一展示,可以通过更多echarts和threejs地图效果实例查看