大屏数据可视化 项目中经常需要渲染echarts地图，为了不同城市快速实现，将不同城市的echarts地图效果整理出来，今天为大家整理孝感市孝昌县echarts地图和threejs地图效果实例。地图基于geoJson数据绘制。
孝昌县是中国湖北省孝感市下辖的一个县，位于湖北省东北部，是武汉城市圈的重要组成部分。县域面积约为1217平方千米。孝昌县的历史可以追溯到南朝宋孝建元年（454年），因民间相传此地有董永、黄香、孟宗三大孝子，“孝子昌盛”，遂置县名“孝昌”。孝昌县辖花园镇、陡山乡等12个乡镇。此外，孝昌县东北部的观音湖生态旅游区是省级旅游度假区，面积118平方千米，四季分明，光照充足，无霜期长，寒暑假短，夏季日平均气温较周边地区低3～5摄氏度。
动态效果
echarts孝感市孝昌县geoJson地图tooltip自定义html
echarts tooltip演示自定义,通过toolTip的formatter方法以html+css的方式实现自己想要的样式效果,鼠标移上去就可以看到我们想要的效果了,也可以通过css自定义为自己需要的样式.
echarts孝感市孝昌县geoJson地图指定区域高亮
echarts让指定区域变为选中高亮状态
echarts孝感市孝昌县geoJson地图label自定义样式
echarts通过scatter实例可以配置自己想要的图标,以及label文字的样式效果
threejs孝感市孝昌县geoJson地图3d地图CSS3D标签
通过threejs绘制的3d地图CSS3D标签实例，CSS3D不面向摄像机，跟随场景缩放,可以通过rotateY调整角度,通过scale调整大小 Vue3 threejs 在3d地图中绘制css3d标签标注省份,如果想系统的学习threejs的话，可以观看threejs教程视频 Three.js视频教程3D可视化
threejs孝感市孝昌县geoJson地图3d地图自定义贴图加CSS2D标签
通过threejs绘制3d地图并添加CSS2D标签和自定义贴图
threejs孝感市孝昌县geoJson地图3d地图自定义贴图加CSS3D标签
通过threejs绘制3d地图并添加CSS3D标签和自定义贴图
孝感市孝昌县 下辖有 卫店镇,双峰山旅游渡假区,丰山镇,周巷镇,季店乡,小悟乡,小河镇,开发区,王店镇,白沙镇,花园镇,花西乡,邹岗镇,陡山乡,观音湖生态文化旅游渡假区
孝感市孝昌县下辖区域坐标
{"卫店镇":[113.95962289094305,31.34238698726347],"双峰山旅游渡假区":[114.18548817408296,31.17764697037371],"丰山镇":[114.15588287376536,31.11165892611492],"周巷镇":[114.10673813652551,31.19723943042366],"季店乡":[113.89038846277282,31.31946700911497],"小悟乡":[],"小河镇":[114.05506874359784,31.31098319440056],"开发区":[],"王店镇":[114.00202838854102,31.39301449387007],"白沙镇":[113.87033002392226,31.1239222021698],"花园镇":[113.98067940168986,31.24354018747834],"花西乡":[113.87668850570509,31.20293614581032],"邹岗镇":[114.04703695903953,31.10101164272456],"陡山乡":[114.00845531143123,31.19349064268737],"观音湖生态文化旅游渡假区":[114.11916596781364,31.32382983917644]}
孝感市孝昌县行政划分代码
[{"name":"卫店镇","code":"420921105000"},{"name":"双峰山旅游渡假区","code":"420921500000"},{"name":"丰山镇","code":"420921101000"},{"name":"周巷镇","code":"420921102000"},{"name":"季店乡","code":"420921201000"},{"name":"小悟乡","code":"420921200000"},{"name":"小河镇","code":"420921103000"},{"name":"开发区","code":"420921400000"},{"name":"王店镇","code":"420921104000"},{"name":"白沙镇","code":"420921106000"},{"name":"花园镇","code":"420921100000"},{"name":"花西乡","code":"420921202000"},{"name":"邹岗镇","code":"420921107000"},{"name":"陡山乡","code":"420921203000"},{"name":"观音湖生态文化旅游渡假区","code":"420921450000"}]
相关资源下载
说明
1、根据《地图审核管理规定》、《互联网地图服务专业标准》等法规，本地图不作为境界线勘界等用处。使用中请查阅《中华人民共和国地图编制出版管理条例》、各地地图编制出版管理办法等地图规定按程序应用。
2、本数据是目前市面上较齐全、精度较高的数据，属性齐全，各大高校科研均在用此数据。
3、本数据仅用于echarts threejs地图效果展示。
