可视化大屏 项目中经常会遇到需要渲染echarts地图的情况,为了方便不同城市快速实现效果,将不同城市的echarts地图效果整理出来,供大家参考,今天为大家整理的是安庆市太湖县echarts地图和threejs地图效果实例。地图基于geoJson数据绘制。
echarts安庆市太湖县geoJson地图 visualMap控制地图颜色
echarts地图使用visualMap通过一组颜色及一组数据来实现地图不同区域根据不同数据进行颜色变化
echarts安庆市太湖县geoJson地图点击跳转到指定页面
为图标添加点击事件,点击图标,跳转到指定页面
echarts安庆市太湖县geoJson地图全局颜色渐变
echarts地图渲染时,除了局部区域渐变外也会遇到整个地图的颜色渐变效果,我们可以通过areaColor的linear-gradient来实现我们想要的效果
threejs安庆市太湖县geoJson地图3d地图自定义贴图加CSS3D标签
通过threejs绘制3d地图并添加CSS3D标签和自定义贴图,如果想系统的学习threejs的话,可以观看threejs视频课程 Three.js视频教程3D可视化
threejs安庆市太湖县geoJson地图3d地图添加旋转棱锥
通过threejs绘制3d地图并在指定经纬度上添加带波纹效果不停旋转的棱锥效果实例
threejs安庆市太湖县geoJson地图3d地图鼠标移入显示标签并高亮
通过threejs绘制的3d地图鼠标移入显示标签并高亮
安庆市太湖县 下辖有 大石乡,汤泉乡,寺前镇,刘畈乡,北中镇,城西乡,小池镇,天华镇,新仓镇,弥陀镇,徐桥镇,百里镇,江塘乡,牛镇镇,经济开发区,花凉亭水电站,晋熙镇
安庆市太湖县下辖区域坐标
{"大石乡":[116.4284515393424,30.20031904404296],"汤泉乡":[116.17048181919736,30.60073209335112],"寺前镇":[116.23406920852742,30.5665002225465],"刘畈乡":[115.98656223099721,30.48256810210429],"北中镇":[115.83866069437178,30.67265200917502],"城西乡":[116.21833434106635,30.38875879995072],"小池镇":[116.37881975295053,30.53383513345137],"天华镇":[116.12374776941128,30.45970039435474],"新仓镇":[116.41172023252433,30.40266900911541],"弥陀镇":[115.95200980720494,30.54093849856989],"徐桥镇":[116.39051804694498,30.28656619398765],"百里镇":[115.97067324237196,30.64701161199747],"江塘乡":[116.31390089351245,30.34317917551643],"牛镇镇":[116.06863246968979,30.59637959519246],"经济开发区":[116.348241570835,30.45843507688365],"花凉亭水电站":[116.24458844407869,30.47081291875715],"晋熙镇":[116.28213987343932,30.49071058698057]}
安庆市太湖县行政划分代码
[{"name":"大石乡","code":"340825200000"},{"name":"汤泉乡","code":"340825203000"},{"name":"寺前镇","code":"340825104000"},{"name":"刘畈乡","code":"340825204000"},{"name":"北中镇","code":"340825108000"},{"name":"城西乡","code":"340825201000"},{"name":"小池镇","code":"340825103000"},{"name":"天华镇","code":"340825105000"},{"name":"新仓镇","code":"340825102000"},{"name":"弥陀镇","code":"340825107000"},{"name":"徐桥镇","code":"340825101000"},{"name":"百里镇","code":"340825109000"},{"name":"江塘乡","code":"340825202000"},{"name":"牛镇镇","code":"340825106000"},{"name":"经济开发区","code":"340825400000"},{"name":"花凉亭水电站","code":"340825401000"},{"name":"晋熙镇","code":"340825100000"}]
说明
1、根据《地图审核管理规定》、《互联网地图服务专业标准》等法规,本地图不作为境界线勘界等用处。使用中请查阅《中华人民共和国地图编制出版管理条例》、各地地图编制出版管理办法等地图规定按程序应用。
2、本数据是目前市面上较齐全、精度较高的数据,属性齐全,各大高校科研均在用此数据。
3、本数据仅用于echarts threejs地图效果展示。
4、当前除了包含有关键地区的geoJson地图信息外还包含有28个echarts地图效果,以及13个threejs地图实例效果,限于篇幅不一一展示,可以通过更多echarts和threejs地图效果实例查看