数据可视化大屏 项目中会有渲染地图的需要,除了百度地图以及高德地图外，也会需要echarts或者threejs效果的地图,今天为大家整理临汾市洪洞县echarts地图和threejs地图效果实例供大家参考。地图基于geoJson数据绘制。
洪洞（tóng）县，隶属于 山西省 临汾市，地处山西省南部、临汾盆地北端，东隔霍山与古县为邻，西靠吕梁与蒲县相接，北与霍州、汾西毗连，南与尧都区接壤，总面积1494平方千米。截至2022年10月，洪洞县下辖10个镇、5个乡。截至2022年末，洪洞县常住人口62.68万人。
echarts临汾市洪洞县geoJson地图指定区域高亮
echarts让指定区域变为选中高亮状态
echarts临汾市洪洞县geoJson地图3d地图
使用的是echarts-gl结合echarts实现的3d地图效果实例
echarts临汾市洪洞县geoJson地图地图排行榜效果
echarts地图根据数据渲染不同颜色的地图,并根据数据大小显示前10名的排序效果,属于地图map类型和柱状图bar类型混合效果
threejs临汾市洪洞县geoJson地图3d地图添加描边效果
通过threejs绘制3d地图使用outlinePass 实现发光描边效果,如果想系统的学习threejs的话，可以观看threejs视频课程 WebGL 3D可视化教程
threejs临汾市洪洞县geoJson地图3d地图鼠标移入显示标签并高亮
通过threejs绘制的3d地图鼠标移入显示标签并高亮
threejs临汾市洪洞县geoJson地图3d地图
通过threejs绘制的3d地图实例
临汾市洪洞县 下辖有 万安镇,明姜镇,苏堡镇,龙马乡,兴唐寺乡,山头乡,左木乡,刘家垣镇,甘亭镇,堤村乡,曲亭镇,淹底乡,赵城镇,辛村乡,大槐树镇,广胜寺镇,万安镇,明姜镇,苏堡镇,龙马乡,兴唐寺乡,山头乡,左木乡,刘家垣镇,甘亭镇,堤村乡,曲亭镇,淹底乡,赵城镇,辛村乡,大槐树镇,广胜寺镇
临汾市洪洞县下辖区域坐标
{"万安镇":[111.53921950111591,36.34181328512907],"明姜镇":[111.7917466007164,36.34610324848981],"苏堡镇":[111.8048239549972,36.27195762767018],"龙马乡":[111.52339408758698,36.26453030342157],"兴唐寺乡":[111.80430418099925,36.42226617417904],"山头乡":[111.4103350509251,36.47524610154282],"左木乡":[111.40205522393063,36.36615160418852],"刘家垣镇":[111.53338204056234,36.43706056656148],"甘亭镇":[111.62213651023055,36.1817586672672],"堤村乡":[111.62421916864035,36.4263312248514],"曲亭镇":[111.78276060519815,36.17855638393971],"淹底乡":[111.74173657522962,36.12776109589234],"赵城镇":[111.70013516006085,36.40360595773939],"辛村乡":[111.61200975296094,36.2836322988384],"大槐树镇":[111.68225502200363,36.26817373388208],"广胜寺镇":[111.78050555632171,36.28659664930503]}
临汾市洪洞县行政划分代码
[{"name":"万安镇","code":"141024107000"},{"name":"明姜镇","code":"141024105000"},{"name":"苏堡镇","code":"141024103000"},{"name":"龙马乡","code":"141024204000"},{"name":"兴唐寺乡","code":"141024201000"},{"name":"山头乡","code":""},{"name":"左木乡","code":""},{"name":"刘家垣镇","code":"141024108000"},{"name":"甘亭镇","code":"141024101000"},{"name":"堤村乡","code":"141024202000"},{"name":"曲亭镇","code":"141024102000"},{"name":"淹底乡","code":"141024200000"},{"name":"赵城镇","code":"141024106000"},{"name":"辛村乡","code":""},{"name":"大槐树镇","code":"141024100000"},{"name":"广胜寺镇","code":"141024104000"}]
说明
1、根据《地图审核管理规定》、《互联网地图服务专业标准》等法规，本地图不作为境界线勘界等用处。使用中请查阅《中华人民共和国地图编制出版管理条例》、各地地图编制出版管理办法等地图规定按程序应用。
2、本数据是目前市面上较齐全、精度较高的数据，属性齐全，各大高校科研均在用此数据。
3、本数据仅用于echarts threejs地图效果展示。
