可视化大屏 项目中会有渲染地图的需要,除了百度地图以及高德地图外,也会需要echarts或者threejs效果的地图,今天为大家整理兰州市永登县echarts地图和threejs地图效果实例供大家参考。地图基于geoJson数据绘制。
echarts兰州市永登县geoJson地图地图排行榜效果
echarts地图根据数据渲染不同颜色的地图,并根据数据大小显示前10名的排序效果,属于地图map类型和柱状图bar类型混合效果
echarts兰州市永登县geoJson地图全局颜色渐变
echarts地图渲染时,除了局部区域渐变外也会遇到整个地图的颜色渐变效果,我们可以通过areaColor的linear-gradient来实现我们想要的效果
echarts兰州市永登县geoJson地图热力图
echarts通过heatmap实现热力图效果
threejs兰州市永登县geoJson地图3d地图指定区域闪烁
通过threejs绘制3d地图并让指定区域闪烁,如果想系统的学习threejs的话,可以观看threejs视频课程 3D可视化Three.js视频教程
threejs兰州市永登县geoJson地图3d地图
通过threejs绘制的3d地图实例
threejs兰州市永登县geoJson地图3d地图添加描边效果
通过threejs绘制3d地图使用outlinePass 实现发光描边效果
兰州市永登县 下辖有 七山乡,上川镇,中堡镇,中川镇,坪城乡,城关镇,大同镇,柳树乡,树屏镇,民乐乡,河桥镇,秦川镇,红城镇,苦水镇,连城镇,通远乡,武胜驿镇,龙泉寺镇,七山乡,上川镇,中堡镇,中川镇,坪城乡,城关镇,大同镇,柳树乡,树屏镇,民乐乡,河桥镇,秦川镇,红城镇,苦水镇,连城镇,通远乡,武胜驿镇,龙泉寺镇
兰州市永登县下辖区域坐标
{"七山乡":[103.07417689002094,36.46171323217679],"上川镇":[103.5863072560939,36.77265123695857],"中堡镇":[103.19823634388212,36.80052422129392],"中川镇":[103.63473310816661,36.4872561845072],"坪城乡":[],"城关镇":[103.23283149258314,36.73764016204039],"大同镇":[103.34582237737044,36.62011437568196],"柳树乡":[103.35089912228933,36.73693866502936],"树屏镇":[103.56626449796413,36.34413987880246],"民乐乡":[102.92454008083357,36.73868071786686],"河桥镇":[102.87000057036394,36.47457064398286],"秦川镇":[103.625251402318,36.65713785831751],"红城镇":[103.3456808848141,36.41658618700197],"苦水镇":[103.37883282068334,36.28522556833984],"连城镇":[102.75334426910102,36.63739536193718],"通远乡":[103.07160723123899,36.65911928135721],"武胜驿镇":[103.05144583827155,36.83773822448102],"龙泉寺镇":[]}
兰州市永登县行政划分代码
[{"name":"七山乡","code":"620121204000"},{"name":"上川镇","code":"620121112000"},{"name":"中堡镇","code":"620121102000"},{"name":"中川镇","code":""},{"name":"坪城乡","code":"620121201000"},{"name":"城关镇","code":"620121100000"},{"name":"大同镇","code":"620121109000"},{"name":"柳树乡","code":""},{"name":"树屏镇","code":"620121111000"},{"name":"民乐乡","code":"620121202000"},{"name":"河桥镇","code":"620121104000"},{"name":"秦川镇","code":""},{"name":"红城镇","code":"620121101000"},{"name":"苦水镇","code":"620121106000"},{"name":"连城镇","code":"620121105000"},{"name":"通远乡","code":""},{"name":"武胜驿镇","code":"620121103000"},{"name":"龙泉寺镇","code":"620121110000"}]
说明
1、根据《地图审核管理规定》、《互联网地图服务专业标准》等法规,本地图不作为境界线勘界等用处。使用中请查阅《中华人民共和国地图编制出版管理条例》、各地地图编制出版管理办法等地图规定按程序应用。
2、本数据是目前市面上较齐全、精度较高的数据,属性齐全,各大高校科研均在用此数据。
3、本数据仅用于echarts threejs地图效果展示。