数据大屏可视化 项目中经常需要渲染echarts地图，为了不同城市快速实现，将不同城市的echarts地图效果整理出来，今天为大家整理娄底市双峰县echarts地图和threejs地图效果实例。地图基于geoJson数据绘制。
echarts娄底市双峰县geoJson地图区域闪烁
echarts地图有时候为了突出某一块区域的重要性,会进行两个颜色的交替变化来告诉用户这一块需要重点关注,我们可以通过echarts的dispatchAction来实现我们想要的效果.
echarts娄底市双峰县geoJson地图添加柱状图
echarts地图渲染时,为了让地图上的数据有一个对比的效果,会在地图上标注柱状图,以便于更直观的看出各个区域的数值.
echarts娄底市双峰县geoJson地图tooltip自定义html
echarts tooltip演示自定义,通过toolTip的formatter方法以html+css的方式实现自己想要的样式效果,鼠标移上去就可以看到我们想要的效果了,也可以通过css自定义为自己需要的样式.
threejs娄底市双峰县geoJson地图3d地图自定义贴图加CSS3D标签
通过threejs绘制3d地图并添加CSS3D标签和自定义贴图,如果想系统的学习threejs的话，可以观看threejs视频课程 WebGL/Three.js前端高薪3D可视化
threejs娄底市双峰县geoJson地图3d地图添加旋转棱锥
通过threejs绘制3d地图并在指定经纬度上添加带波纹效果不停旋转的棱锥效果实例
threejs娄底市双峰县geoJson地图3d地图鼠标移入显示标签并高亮
通过threejs绘制的3d地图鼠标移入显示标签并高亮
娄底市双峰县 下辖有 青树坪镇,经济开发区,井字镇,印塘乡,沙塘乡,石牛乡,荷叶镇,锁石镇,洪山殿镇,蛇形山镇,永丰镇,甘棠镇,花门镇,三塘铺镇,杏子铺镇,梓门桥镇,走马街镇
娄底市双峰县下辖区域坐标
{"青树坪镇":[112.01542044125355,27.36885425812858],"经济开发区":[112.1521666121844,27.44345048249023],"井字镇":[112.41304076964413,27.47564406505929],"印塘乡":[112.11600397388167,27.42179131223231],"沙塘乡":[112.29765184964543,27.46268768585576],"石牛乡":[112.24589369572752,27.35594704823786],"荷叶镇":[112.41314506692203,27.40284684422273],"锁石镇":[112.10782060629339,27.3455565775924],"洪山殿镇":[112.02954100839332,27.58070290718468],"蛇形山镇":[112.1169516560567,27.60652880403543],"永丰镇":[112.19546039772304,27.44886103385989],"甘棠镇":[111.96598049608735,27.46941801141728],"花门镇":[112.08561726428782,27.27333735976214],"三塘铺镇":[111.99562093055326,27.40719334916537],"杏子铺镇":[112.23201196609114,27.62215069637913],"梓门桥镇":[112.23864182207303,27.54883573947494],"走马街镇":[112.11487432840408,27.52145652019564]}
娄底市双峰县行政划分代码
[{"name":"青树坪镇","code":"431321110000"},{"name":"经济开发区","code":""},{"name":"井字镇","code":"431321102000"},{"name":"印塘乡","code":"431321202000"},{"name":"沙塘乡","code":"431321201000"},{"name":"石牛乡","code":"431321200000"},{"name":"荷叶镇","code":"431321101000"},{"name":"锁石镇","code":"431321112000"},{"name":"洪山殿镇","code":"431321107000"},{"name":"蛇形山镇","code":""},{"name":"永丰镇","code":""},{"name":"甘棠镇","code":"431321108000"},{"name":"花门镇","code":"431321111000"},{"name":"三塘铺镇","code":"431321109000"},{"name":"杏子铺镇","code":"431321104000"},{"name":"梓门桥镇","code":"431321103000"},{"name":"走马街镇","code":"431321105000"}]
说明
1、根据《地图审核管理规定》、《互联网地图服务专业标准》等法规，本地图不作为境界线勘界等用处。使用中请查阅《中华人民共和国地图编制出版管理条例》、各地地图编制出版管理办法等地图规定按程序应用。
2、本数据是目前市面上较齐全、精度较高的数据，属性齐全，各大高校科研均在用此数据。
3、本数据仅用于echarts threejs地图效果展示。
4、当前除了包含有关键地区的geoJson地图信息外还包含有28个echarts地图效果,以及13个threejs地图实例效果,限于篇幅不一一展示,可以通过更多echarts和threejs地图效果实例查看
