数据大屏 项目中经常需要渲染echarts地图，为了不同城市快速实现，将不同城市的echarts地图效果整理出来，今天为大家整理丽水市庆元县echarts地图和threejs地图效果实例。地图基于geoJson数据绘制。
echarts丽水市庆元县geoJson地图地图排行榜效果
echarts地图根据数据渲染不同颜色的地图,并根据数据大小显示前10名的排序效果,属于地图map类型和柱状图bar类型混合效果
echarts丽水市庆元县geoJson地图3d地图实例旋转动画
使用的是echarts-gl结合echarts实现的3d地图效果实例
echarts丽水市庆元县geoJson地图区域闪烁
echarts地图有时候为了突出某一块区域的重要性,会进行两个颜色的交替变化来告诉用户这一块需要重点关注,我们可以通过echarts的dispatchAction来实现我们想要的效果.
threejs丽水市庆元县geoJson地图3d地图鼠标移入显示标签并高亮
通过threejs绘制的3d地图鼠标移入显示标签并高亮,如果想系统的学习threejs的话，可以观看threejs视频教程 WebGL前端3D可视化教程
threejs丽水市庆元县geoJson地图3d地图添加描边效果
通过threejs绘制3d地图使用outlinePass 实现发光描边效果
threejs丽水市庆元县geoJson地图3d地图自定义贴图加CSS2D标签
通过threejs绘制3d地图并添加CSS2D标签和自定义贴图
丽水市庆元县 下辖有 举水乡,安南乡,官塘乡,岭头乡,左溪镇,张村乡,江根乡,淤上乡,竹口镇,荷地镇,贤良镇,隆宫乡,黄田镇,濛洲街道,百山祖镇,龙溪乡,五大堡乡,屏都街道,松源街道
丽水市庆元县下辖区域坐标
{"举水乡":[119.1621290872623,27.47378922974759],"安南乡":[119.04356215296825,27.51695870926176],"官塘乡":[119.4545184936147,27.66610678443038],"岭头乡":[119.25646987811297,27.5281539553893],"左溪镇":[119.38480570025641,27.60118478444219],"张村乡":[119.3042268854558,27.67736259399486],"江根乡":[119.44930639058921,27.56907490255131],"淤上乡":[118.98607631335184,27.56095038084018],"竹口镇":[118.960447185969,27.70820266383388],"荷地镇":[119.29612853027919,27.57954918334554],"贤良镇":[119.22985350181878,27.65925201504606],"隆宫乡":[118.920573406851,27.49952256941447],"黄田镇":[118.91304297812431,27.79123040628154],"濛洲街道":[119.07698524507921,27.6062427863865],"百山祖镇":[119.22837992795584,27.76528116509684],"龙溪乡":[119.2519316532522,27.45309938724025],"五大堡乡":[119.15795995933848,27.60380519128998],"屏都街道":[118.93612081983684,27.57865743450396],"松源街道":[119.0573316189161,27.66678871054256]}
丽水市庆元县行政划分代码
[{"name":"举水乡","code":"331126206000"},{"name":"安南乡","code":"331126203000"},{"name":"官塘乡","code":"331126211000"},{"name":"岭头乡","code":"331126200000"},{"name":"左溪镇","code":"331126105000"},{"name":"张村乡","code":"331126204000"},{"name":"江根乡","code":"331126207000"},{"name":"淤上乡","code":"331126202000"},{"name":"竹口镇","code":"331126102000"},{"name":"荷地镇","code":"331126104000"},{"name":"贤良镇","code":"331126106000"},{"name":"隆宫乡","code":"331126205000"},{"name":"黄田镇","code":"331126101000"},{"name":"濛洲街道","code":"331126002000"},{"name":"百山祖镇","code":"331126107000"},{"name":"龙溪乡","code":"331126209000"},{"name":"五大堡乡","code":"331126201000"},{"name":"屏都街道","code":"331126003000"},{"name":"松源街道","code":"331126001000"}]
说明
1、根据《地图审核管理规定》、《互联网地图服务专业标准》等法规，本地图不作为境界线勘界等用处。使用中请查阅《中华人民共和国地图编制出版管理条例》、各地地图编制出版管理办法等地图规定按程序应用。
2、本数据是目前市面上较齐全、精度较高的数据，属性齐全，各大高校科研均在用此数据。
3、本数据仅用于echarts threejs地图效果展示。
4、当前除了包含有关键地区的geoJson地图信息外还包含有28个echarts地图效果,以及13个threejs地图实例效果,限于篇幅不一一展示,可以通过更多echarts和threejs地图效果实例查看
