随着开发 大屏数据可视化 项目越来越多,对地图的需求也各不相同,除了百度地图和高德地图外还会遇到echarts和threejs的需要,对地图的效果以及城市也各不相同,今天为大家整理商丘市睢县echarts地图和threejs地图效果实例供大家参考。地图基于geoJson数据绘制。
睢县，隶属河南省商丘市。位于河南省中东部，商丘市西部。东邻宁陵县，西毗杞县，北靠民权县，南接柘城县、太康县。总面积926平方千米。人口91万。截至2021年10月，睢县下辖8个镇、12个乡。县政府驻城郊乡。
echarts商丘市睢县geoJson地图3d地图自定义图标
echarts 3d地图添加自定义图标实例
echarts商丘市睢县geoJson地图地图排行榜效果
echarts地图根据数据渲染不同颜色的地图,并根据数据大小显示前10名的排序效果,属于地图map类型和柱状图bar类型混合效果
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的话，可以观看threejs视频教程 WebGL/Three.js前端3D可视化教程
threejs商丘市睢县geoJson地图3d地图css2d标签
通过threejs绘制的3d地图css2d标签实例，CSS2D面向摄像机,不随场景缩放而缩放,如果想系统的学习threejs的话，可以观看threejs视频教程 WebGL 3D可视化教程
商丘市睢县下辖有孙聚寨乡,周堂镇,城关镇,城郊乡,尚屯镇,匡城乡,后台乡,胡堂乡,平岗镇,河堤乡,河集乡,涧岗乡,潮庄镇,白庙乡,尤吉屯乡,白楼乡,董店乡,蓼堤镇,长岗镇,西陵寺镇
商丘市睢县下辖区域坐标
{"孙聚寨乡":[115.01085915934176,34.31138237469851],"周堂镇":[115.14976117685202,34.3814861390739],"城关镇":[115.06783898378274,34.42806279751176],"城郊乡":[115.06296759997008,34.43132712938955],"尚屯镇":[114.97808347663509,34.44248443684155],"匡城乡":[114.93111415485237,34.38283187249312],"后台乡":[114.8827398614471,34.32172846297745],"胡堂乡":[115.13930091075557,34.33728199212325],"平岗镇":[115.05327956654878,34.26231150933381],"河堤乡":[115.12058143441465,34.29092124138561],"河集乡":[115.01411562814089,34.37404695015897],"涧岗乡":[115.03864257491469,34.51483483365632],"潮庄镇":[114.96285297169322,34.2807061918258],"白庙乡":[115.08886064504452,34.35819887535942],"尤吉屯乡":[115.15623068542496,34.44140934810493],"白楼乡":[115.12327466997237,34.23592698691426],"董店乡":[115.12386253927829,34.49836124923799],"蓼堤镇":[114.95582122476908,34.52752554574904],"长岗镇":[114.90586756887953,34.34356810066684],"西陵寺镇":[114.91667863427489,34.45690700793796]}
说明
1、根据《地图审核管理规定》、《互联网地图服务专业标准》等法规，本地图不作为境界线勘界等用处。使用中请查阅《中华人民共和国地图编制出版管理条例》、各地地图编制出版管理办法等地图规定按程序应用。
2、本数据是目前市面上较齐全、精度较高的数据，属性齐全，各大高校科研均在用此数据。
3、本数据仅用于echarts threejs地图效果展示。
