大屏数据可视化 项目中会有渲染地图的需要,除了百度地图以及高德地图外，也会需要echarts或者threejs效果的地图,今天为大家整理孝感市大悟县echarts地图和threejs地图效果实例供大家参考。地图基于geoJson数据绘制。
大悟县位于湖北省孝感市，地处湖北省东北部鄂豫边界，大别山脉西南段。南北长48.8千米，东西宽42.2千米，总面积1986平方千米。大悟县辖14个镇，3个乡。大悟县的地理位置优越，周边高铁、高速纵横交错，距离武汉100公里，属于武汉市“一小时生活圈”范畴，有武汉后花园之美称。大悟县充分发挥山区资源，坚持发展农业特色产业，目前，全县共流转山场4.5万亩。大悟县的自然景观丰富，红色历史文化交织，游客在欣赏自然美景的同时，能不知不觉接受红色文化的洗礼。
动态效果
echarts孝感市大悟县geoJson地图局部颜色渐变
echarts地图渲染,通过echarts.graphic.LinearGradient线性渐变来实现地图区域颜色的渐变效果
echarts孝感市大悟县geoJson地图地图排行榜效果
echarts地图根据数据渲染不同颜色的地图,并根据数据大小显示前10名的排序效果,属于地图map类型和柱状图bar类型混合效果
echarts孝感市大悟县geoJson地图添加柱状图
echarts地图渲染时,为了让地图上的数据有一个对比的效果,会在地图上标注柱状图,以便于更直观的看出各个区域的数值.
threejs孝感市大悟县geoJson地图3d地图自定义贴图加CSS2D标签
通过threejs绘制3d地图并添加CSS2D标签和自定义贴图,如果想系统的学习threejs的话，可以观看threejs课程视频 Three.js前端3D可视化
threejs孝感市大悟县geoJson地图3d地图CSS2D外加旋转棱锥
通过threejs绘制3d地图CSS2D外加旋转棱锥效果
threejs孝感市大悟县geoJson地图3d地图自定义贴图加CSS3D标签
通过threejs绘制3d地图并添加CSS3D标签和自定义贴图
孝感市大悟县 下辖有 黄站镇,东新乡,丰店镇,三里镇,刘集镇,吕王镇,四姑镇,城关镇,夏店镇,大新镇,彭店乡,新城镇,河口镇,芳畈镇,阳平镇,高店乡,宣化店镇
孝感市大悟县下辖区域坐标
{"黄站镇":[114.5030848538502,31.59222381027173],"东新乡":[114.2515209874339,31.68013489550792],"丰店镇":[114.38323595767935,31.6095822955738],"三里镇":[114.20037933275788,31.79113267972876],"刘集镇":[114.33929258545356,31.37951313402551],"吕王镇":[114.4629344165318,31.48597368909302],"四姑镇":[114.40889628574729,31.42919990341401],"城关镇":[114.13950731598038,31.59535430571468],"夏店镇":[114.29224473558837,31.40639666443693],"大新镇":[114.14372520967632,31.71824307078137],"彭店乡":[114.36133963676407,31.51862716548443],"新城镇":[114.26991195350611,31.51008576833509],"河口镇":[114.391477147363,31.34840667576193],"芳畈镇":[114.1432992450514,31.41903309958238],"阳平镇":[114.14549551979795,31.49499783537673],"高店乡":[114.23467726154709,31.57544777110842],"宣化店镇":[114.43800684404208,31.69220614447129]}
孝感市大悟县行政划分代码
[{"name":"黄站镇","code":"420922109000"},{"name":"东新乡","code":"420922202000"},{"name":"丰店镇","code":"420922111000"},{"name":"三里镇","code":"420922113000"},{"name":"刘集镇","code":"420922105000"},{"name":"吕王镇","code":"420922108000"},{"name":"四姑镇","code":"420922107000"},{"name":"城关镇","code":"420922100000"},{"name":"夏店镇","code":"420922104000"},{"name":"大新镇","code":"420922112000"},{"name":"彭店乡","code":"420922201000"},{"name":"新城镇","code":"420922103000"},{"name":"河口镇","code":"420922106000"},{"name":"芳畈镇","code":"420922102000"},{"name":"阳平镇","code":"420922101000"},{"name":"高店乡","code":"420922200000"},{"name":"宣化店镇","code":"420922110000"}]
说明
1、根据《地图审核管理规定》、《互联网地图服务专业标准》等法规，本地图不作为境界线勘界等用处。使用中请查阅《中华人民共和国地图编制出版管理条例》、各地地图编制出版管理办法等地图规定按程序应用。
2、本数据是目前市面上较齐全、精度较高的数据，属性齐全，各大高校科研均在用此数据。
3、本数据仅用于echarts threejs地图效果展示。
