数据大屏可视化 项目中经常会遇到需要渲染echarts地图的情况,为了方便不同城市快速实现效果,将不同城市的echarts地图效果整理出来,供大家参考,今天为大家整理的是安庆市大观区echarts地图和threejs地图效果实例。地图基于geoJson数据绘制。
echarts安庆市大观区geoJson地图全局颜色渐变
echarts地图渲染时,除了局部区域渐变外也会遇到整个地图的颜色渐变效果,我们可以通过areaColor的linear-gradient来实现我们想要的效果
echarts安庆市大观区geoJson地图水滴状气泡图
echarts地图渲染时,会通过一个水滴状小气泡来将数值渲染到地图上,我们可以可以通过scatter来实现我们想要的效果.
echarts安庆市大观区geoJson地图3d地图
使用的是echarts-gl结合echarts实现的3d地图效果实例
threejs安庆市大观区geoJson地图3d地图
通过threejs绘制的3d地图实例 vue3 threejs 在vue3项目中绘制3d地图效果实例,如果想系统的学习threejs的话,可以观看threejs课程视频 Three.js视频教程3D可视化
threejs安庆市大观区geoJson地图3d地图CSS3D标签
通过threejs绘制的3d地图CSS3D标签实例,CSS3D不面向摄像机,跟随场景缩放,可以通过rotateY调整角度,通过scale调整大小 Vue3 threejs 在3d地图中绘制css3d标签标注省份
threejs安庆市大观区geoJson地图3d地图添加旋转棱锥
通过threejs绘制3d地图并在指定经纬度上添加带波纹效果不停旋转的棱锥效果实例
安庆市大观区 下辖有 玉琳路街道,海口镇,大观开发区,龙山路街道,安徽安庆海口经济开发区,十里铺乡,皖河农场,菱湖街道,德宽路街道,花亭路街道,石化路街道,集贤路街道,山口乡
安庆市大观区下辖区域坐标
{"玉琳路街道":[117.02771281424589,30.50399755480606],"海口镇":[116.91030474921887,30.4784905551808],"大观开发区":[116.98949914789469,30.53173435298485],"龙山路街道":[117.0325216497005,30.5131899719258],"安徽安庆海口经济开发区":[116.95500599815861,30.47908289424554],"十里铺乡":[116.99567565818869,30.54000913344321],"皖河农场":[116.82170291108062,30.41772556711751],"菱湖街道":[117.04470520692445,30.52128565371629],"德宽路街道":[117.02343421697924,30.51259096321965],"花亭路街道":[117.04483610947472,30.53340119224973],"石化路街道":[117.03139909437658,30.52707628527041],"集贤路街道":[117.03414502711868,30.52788168001685],"山口乡":[116.92102279839077,30.54492674751734]}
安庆市大观区行政划分代码
[{"name":"玉琳路街道","code":"340803002000"},{"name":"海口镇","code":"340803100000"},{"name":"大观开发区","code":"340803400000"},{"name":"龙山路街道","code":"340803003000"},{"name":"安徽安庆海口经济开发区","code":"340803401000"},{"name":"十里铺乡","code":"340803200000"},{"name":"皖河农场","code":"340803500000"},{"name":"菱湖街道","code":"340803004000"},{"name":"德宽路街道","code":"340803001000"},{"name":"花亭路街道","code":"340803007000"},{"name":"石化路街道","code":"340803006000"},{"name":"集贤路街道","code":"340803005000"},{"name":"山口乡","code":"340803201000"}]
说明
1、根据《地图审核管理规定》、《互联网地图服务专业标准》等法规,本地图不作为境界线勘界等用处。使用中请查阅《中华人民共和国地图编制出版管理条例》、各地地图编制出版管理办法等地图规定按程序应用。
2、本数据是目前市面上较齐全、精度较高的数据,属性齐全,各大高校科研均在用此数据。
3、本数据仅用于echarts threejs地图效果展示。
4、当前除了包含有关键地区的geoJson地图信息外还包含有28个echarts地图效果,以及13个threejs地图实例效果,限于篇幅不一一展示,可以通过更多echarts和threejs地图效果实例查看