数据可视化大屏 项目中经常需要渲染echarts地图,为了不同城市快速实现,将不同城市的echarts地图效果整理出来,今天为大家整理株洲市醴陵市echarts地图和threejs地图效果实例。地图基于geoJson数据绘制。
echarts株洲市醴陵市geoJson地图局部颜色渐变
echarts地图渲染,通过echarts.graphic.LinearGradient线性渐变来实现地图区域颜色的渐变效果
echarts株洲市醴陵市geoJson地图地图排行榜效果
echarts地图根据数据渲染不同颜色的地图,并根据数据大小显示前10名的排序效果,属于地图map类型和柱状图bar类型混合效果
echarts株洲市醴陵市geoJson地图热力图
echarts通过heatmap实现热力图效果
threejs株洲市醴陵市geoJson地图3d地图CSS2D外加旋转棱锥
通过threejs绘制3d地图CSS2D外加旋转棱锥效果,如果想系统的学习threejs的话,可以观看threejs视频 WebGL前端3D可视化教程
threejs株洲市醴陵市geoJson地图3d地图自定义贴图加CSS2D标签
通过threejs绘制3d地图并添加CSS2D标签和自定义贴图
株洲市醴陵市 下辖有 李畋镇,嘉树镇,均楚镇,明月镇,官庄乡,沈潭镇,泗汾镇,浦口镇,王仙镇,白兔潭镇,茶山镇,仙岳山街道,东堡乡,东富镇,左权镇,王坊镇,来龙门街道,阳三石街道,黄泥坳街道,板杉乡,石亭镇,船湾镇,孙家湾乡,枫林市镇,醴陵市长庆示范区,湖南醴陵经济开发区
株洲市醴陵市下辖区域坐标
{"李畋镇":[113.65914374351999,27.85098886417153],"嘉树镇":[113.43033521412445,27.55283178018624],"均楚镇":[113.25557486026256,27.52263902110647],"明月镇":[113.3829448802995,27.44913367688041],"官庄乡":[113.48693446029871,27.88405329275444],"沈潭镇":[113.57087300789314,27.51584094560049],"泗汾镇":[113.49068760559844,27.51109671908291],"浦口镇":[113.62609252047979,27.79197705856745],"王仙镇":[113.58501368621886,27.76312166339612],"白兔潭镇":[113.68957712441882,27.78183767651009],"茶山镇":[113.37971129800466,27.5881414444789],"仙岳山街道":[113.4861851652276,27.63346242995602],"东堡乡":[113.51811279405926,27.75613685100524],"东富镇":[113.5855574181835,27.620299565327],"左权镇":[113.34238659503092,27.70159125898157],"王坊镇":[113.64322883137338,27.71096324534912],"来龙门街道":[113.51232466656671,27.67640565411656],"阳三石街道":[113.52440865798769,27.66180292165085],"黄泥坳街道":[113.48200849939582,27.67496719720051],"板杉乡":[113.40927819005016,27.72786832154129],"石亭镇":[113.23626361124441,27.63821236974822],"船湾镇":[113.5196050114233,27.44273218310318],"孙家湾乡":[113.48300352391438,27.57992408529273],"枫林市镇":[113.41265995174555,27.80479334280111],"醴陵市长庆示范区":[113.5507013304283,27.70647055761709],"湖南醴陵经济开发区":[113.46384811067708,27.69905492248571]}
株洲市醴陵市行政划分代码
[{"name":"李畋镇","code":"430281131000"},{"name":"嘉树镇","code":"430281127000"},{"name":"均楚镇","code":"430281120000"},{"name":"明月镇","code":"430281132000"},{"name":"官庄乡","code":""},{"name":"沈潭镇","code":"430281108000"},{"name":"泗汾镇","code":"430281107000"},{"name":"浦口镇","code":"430281103000"},{"name":"王仙镇","code":"430281105000"},{"name":"白兔潭镇","code":"430281102000"},{"name":"茶山镇","code":"430281134000"},{"name":"仙岳山街道","code":"430281003000"},{"name":"东堡乡","code":""},{"name":"东富镇","code":"430281121000"},{"name":"左权镇","code":"430281133000"},{"name":"王坊镇","code":""},{"name":"来龙门街道","code":"430281006000"},{"name":"阳三石街道","code":"430281002000"},{"name":"黄泥坳街道","code":""},{"name":"板杉乡","code":""},{"name":"石亭镇","code":"430281122000"},{"name":"船湾镇","code":"430281109000"},{"name":"孙家湾乡","code":""},{"name":"枫林市镇","code":""},{"name":"醴陵市长庆示范区","code":""},{"name":"湖南醴陵经济开发区","code":"430281400000"}]
说明
1、根据《地图审核管理规定》、《互联网地图服务专业标准》等法规,本地图不作为境界线勘界等用处。使用中请查阅《中华人民共和国地图编制出版管理条例》、各地地图编制出版管理办法等地图规定按程序应用。
2、本数据是目前市面上较齐全、精度较高的数据,属性齐全,各大高校科研均在用此数据。
3、本数据仅用于echarts threejs地图效果展示。
4、当前除了包含有关键地区的geoJson地图信息外还包含有28个echarts地图效果,以及13个threejs地图实例效果,限于篇幅不一一展示,可以通过更多echarts和threejs地图效果实例查看