随着开发 可视化大屏 项目越来越多,对地图的需求也各不相同,除了百度地图和高德地图外还会遇到echarts和threejs的需要,对地图的效果以及城市也各不相同,今天为大家整理黄山市休宁县echarts地图和threejs地图效果实例供大家参考。地图基于geoJson数据绘制。
echarts黄山市休宁县geoJson地图区域闪烁
echarts地图有时候为了突出某一块区域的重要性,会进行两个颜色的交替变化来告诉用户这一块需要重点关注,我们可以通过echarts的dispatchAction来实现我们想要的效果.
echarts黄山市休宁县geoJson地图地图下钻展示
地图下钻展示,点击地图后,只显示当前选中的区域,可点击返回显示全部地图.
echarts黄山市休宁县geoJson地图tooltip自定义html
echarts tooltip演示自定义,通过toolTip的formatter方法以html+css的方式实现自己想要的样式效果,鼠标移上去就可以看到我们想要的效果了,也可以通过css自定义为自己需要的样式.
threejs黄山市休宁县geoJson地图3d地图鼠标移入显示标签并高亮
通过threejs绘制的3d地图鼠标移入显示标签并高亮,如果对threejs感兴趣，可以观看threejs视频教程 Three.js视频教程3D可视化
threejs黄山市休宁县geoJson地图3d地图css2d标签
通过threejs绘制的3d地图css2d标签实例，CSS2D面向摄像机,不随场景缩放而缩放 vue3 threejs实现在3d地图中绘制css2d地名
threejs黄山市休宁县geoJson地图3d地图添加描边效果
通过threejs绘制3d地图使用outlinePass 实现发光描边效果
黄山市休宁县 下辖有 万安镇,岭南乡,商山镇,海阳镇,东临溪镇,板桥乡,榆村乡,白际乡,鹤城乡,兰田镇,山斗乡,汪村镇,流口镇,渭桥乡,源芳乡,溪口镇,璜尖乡,龙田乡,齐云山镇,陈霞乡,五城镇
黄山市休宁县下辖区域坐标
{"万安镇":[118.227506763392,29.81838113735157],"岭南乡":[118.17323577448536,29.45968774052495],"商山镇":[118.2160785311365,29.65081817982771],"海阳镇":[118.14802099133927,29.75481142669682],"东临溪镇":[118.28547089445256,29.59888095953243],"板桥乡":[117.93726000922864,29.59502503745692],"榆村乡":[118.37006731612405,29.63163331923169],"白际乡":[118.40351843423393,29.5461461548332],"鹤城乡":[117.7071765797271,29.6308388057316],"兰田镇":[118.10839067651072,29.93812012772624],"山斗乡":[118.16142160061278,29.5325902895623],"汪村镇":[117.83719020760927,29.63503781694392],"流口镇":[117.78554890780646,29.68922937208742],"渭桥乡":[118.04702957666328,29.76445129614522],"源芳乡":[118.3488348790521,29.58166589558586],"溪口镇":[117.97296497326488,29.69936470265763],"璜尖乡":[118.34172795915185,29.51358079735255],"龙田乡":[118.24480931205201,29.47149141137603],"齐云山镇":[118.07263453911807,29.82326165965889],"陈霞乡":[118.05086169501945,29.64840350224676],"五城镇":[118.14566239145664,29.59103260208163]}
黄山市休宁县行政划分代码
[{"name":"万安镇","code":"341022102000"},{"name":"岭南乡","code":"341022202000"},{"name":"商山镇","code":"341022109000"},{"name":"海阳镇","code":"341022100000"},{"name":"东临溪镇","code":"341022104000"},{"name":"板桥乡","code":"341022204000"},{"name":"榆村乡","code":"341022208000"},{"name":"白际乡","code":"341022211000"},{"name":"鹤城乡","code":"341022206000"},{"name":"兰田镇","code":""},{"name":"山斗乡","code":"341022201000"},{"name":"汪村镇","code":"341022108000"},{"name":"流口镇","code":"341022107000"},{"name":"渭桥乡","code":"341022203000"},{"name":"源芳乡","code":"341022207000"},{"name":"溪口镇","code":"341022106000"},{"name":"璜尖乡","code":"341022210000"},{"name":"龙田乡","code":"341022209000"},{"name":"齐云山镇","code":"341022101000"},{"name":"陈霞乡","code":""},{"name":"五城镇","code":"341022103000"}]
说明
1、根据《地图审核管理规定》、《互联网地图服务专业标准》等法规，本地图不作为境界线勘界等用处。使用中请查阅《中华人民共和国地图编制出版管理条例》、各地地图编制出版管理办法等地图规定按程序应用。
2、本数据是目前市面上较齐全、精度较高的数据，属性齐全，各大高校科研均在用此数据。
3、本数据仅用于echarts threejs地图效果展示。
4、当前除了包含有关键地区的geoJson地图信息外还包含有28个echarts地图效果,以及13个threejs地图实例效果,限于篇幅不一一展示,可以通过更多echarts和threejs地图效果实例查看
