随着开发 数据可视化大屏 项目越来越多,对地图的需求也各不相同,除了百度地图和高德地图外还会遇到echarts和threejs的需要,对地图的效果以及城市也各不相同,今天为大家整理黄山市祁门县echarts地图和threejs地图效果实例供大家参考。地图基于geoJson数据绘制。
echarts黄山市祁门县geoJson地图全局颜色渐变
echarts地图渲染时,除了局部区域渐变外也会遇到整个地图的颜色渐变效果,我们可以通过areaColor的linear-gradient来实现我们想要的效果
echarts黄山市祁门县geoJson地图点击跳转到指定页面
为图标添加点击事件,点击图标,跳转到指定页面
echarts黄山市祁门县geoJson地图点击地图插小旗
echarts地图渲染点击地图显示自定义效果实例,效果类似点击插小旗的效果,通过scatter实现.
threejs黄山市祁门县geoJson地图3d地图添加旋转棱锥
通过threejs绘制3d地图并在指定经纬度上添加带波纹效果不停旋转的棱锥效果实例,如果对threejs感兴趣，可以观看threejs视频课程 WebGL前端3D可视化教程
threejs黄山市祁门县geoJson地图3d地图CSS3D标签
通过threejs绘制的3d地图CSS3D标签实例，CSS3D不面向摄像机，跟随场景缩放,可以通过rotateY调整角度,通过scale调整大小 Vue3 threejs 在3d地图中绘制css3d标签标注省份
threejs黄山市祁门县geoJson地图3d地图
通过threejs绘制的3d地图实例 vue3 threejs 在vue3项目中绘制3d地图效果实例
黄山市祁门县 下辖有 金字牌镇,大坦乡,新安乡,柏溪乡,渚口乡,溶口乡,祁山镇,祁红乡,箬坑乡,塔坊乡,凫峰镇,历口镇,古溪乡,闪里镇,小路口镇,安凌镇,芦溪乡,平里镇
黄山市祁门县下辖区域坐标
{"金字牌镇":[117.8332037151495,29.83966792515865],"大坦乡":[117.74423755059486,29.97217246106139],"新安乡":[117.26130929203325,29.90802416100227],"柏溪乡":[117.81186197450815,29.91301405339764],"渚口乡":[117.47905001984665,29.81926171029009],"溶口乡":[117.52124700996023,29.7671262507595],"祁山镇":[117.70171882737321,29.85363090967437],"祁红乡":[117.64881413564481,29.66438032402077],"箬坑乡":[117.38553597770941,29.9808894092943],"塔坊乡":[117.65748512844925,29.78539731712683],"凫峰镇":[117.85259261082274,29.76665386094255],"历口镇":[117.4879336540433,29.95231582691786],"古溪乡":[117.60757797134238,29.954822893062],"闪里镇":[117.35930457111755,29.9045595955115],"小路口镇":[117.60264764891474,29.86691128530952],"安凌镇":[117.62816974392537,30.07003410006433],"芦溪乡":[117.51482660828273,29.68661753257999],"平里镇":[117.58898650199082,29.74250958326324]}
黄山市祁门县行政划分代码
[{"name":"金字牌镇","code":"341024102000"},{"name":"大坦乡","code":"341024200000"},{"name":"新安乡","code":""},{"name":"柏溪乡","code":"341024202000"},{"name":"渚口乡","code":"341024207000"},{"name":"溶口乡","code":"341024205000"},{"name":"祁山镇","code":"341024100000"},{"name":"祁红乡","code":"341024204000"},{"name":"箬坑乡","code":"341024210000"},{"name":"塔坊乡","code":""},{"name":"凫峰镇","code":"341024107000"},{"name":"历口镇","code":"341024104000"},{"name":"古溪乡","code":"341024208000"},{"name":"闪里镇","code":"341024105000"},{"name":"小路口镇","code":"341024101000"},{"name":"安凌镇","code":"341024106000"},{"name":"芦溪乡","code":"341024206000"},{"name":"平里镇","code":"341024103000"}]
说明
1、根据《地图审核管理规定》、《互联网地图服务专业标准》等法规，本地图不作为境界线勘界等用处。使用中请查阅《中华人民共和国地图编制出版管理条例》、各地地图编制出版管理办法等地图规定按程序应用。
2、本数据是目前市面上较齐全、精度较高的数据，属性齐全，各大高校科研均在用此数据。
3、本数据仅用于echarts threejs地图效果展示。
4、当前除了包含有关键地区的geoJson地图信息外还包含有28个echarts地图效果,以及13个threejs地图实例效果,限于篇幅不一一展示,可以通过更多echarts和threejs地图效果实例查看
