数据可视化大屏 项目中经常会遇到需要渲染echarts地图的情况，为了方便不同城市快速实现效果，将不同城市的echarts地图效果整理出来，供大家参考，今天为大家整理的是临汾市吉县echarts地图和threejs地图效果实例。地图基于geoJson数据绘制。
吉县，隶属 山西省 临汾市，位于东经110°26'28"—111°07'21"，北纬35°53'13"—36°21'03"，地处黄河中游东岸，位于山西省西南边隅、临汾市西部，东与蒲县、尧都区接壤，南与乡宁县相连，西邻黄河与陕西省宜川县隔河相望，北与大宁县为邻 总面积1777平方千米。根据第七次人口普查数据，截至2020年11月1日零时，吉县常住人口为87374人。截至2021年5月，吉县辖3个镇、4个乡，县政府驻吉昌镇。
echarts临汾市吉县geoJson地图自定义引导线
echarts地图渲染中,会遇到多个地名凑到一块导致名称重叠的情况,这时候我们可以通过一条线指向对应的位置并通过label来进行标注的效果.
echarts临汾市吉县geoJson地图地图排行榜效果
echarts地图根据数据渲染不同颜色的地图,并根据数据大小显示前10名的排序效果,属于地图map类型和柱状图bar类型混合效果
echarts临汾市吉县geoJson地图tooltip自定义html
echarts tooltip演示自定义,通过toolTip的formatter方法以html+css的方式实现自己想要的样式效果,鼠标移上去就可以看到我们想要的效果了,也可以通过css自定义为自己需要的样式.
threejs临汾市吉县geoJson地图3d地图自定义贴图加CSS2D标签
通过threejs绘制3d地图并添加CSS2D标签和自定义贴图,如果想系统的学习threejs的话，可以观看threejs视频课程 Three.js前端3D可视化教程
threejs临汾市吉县geoJson地图3d地图添加描边效果
通过threejs绘制3d地图使用outlinePass 实现发光描边效果
threejs临汾市吉县geoJson地图3d地图css2d标签
通过threejs绘制的3d地图css2d标签实例，CSS2D面向摄像机,不随场景缩放而缩放
临汾市吉县 下辖有 壶口镇,吉昌镇,东城乡,中垛乡,车城乡,柏山寺乡,屯里镇,文城乡,壶口镇,吉昌镇,东城乡,中垛乡,车城乡,柏山寺乡,屯里镇,文城乡
临汾市吉县下辖区域坐标
{"壶口镇":[110.50116705350445,36.13090782129534],"吉昌镇":[110.6897284849106,36.12415723258884],"东城乡":[110.54301429387185,36.07996715170727],"中垛乡":[110.70831689925294,36.00626914176813],"车城乡":[110.79767248159382,36.16196052325657],"柏山寺乡":[110.59584461471098,35.97158035378554],"屯里镇":[110.89765561703354,36.2148609740548],"文城乡":[110.565641915045,36.24428159149248]}
临汾市吉县行政划分代码
[{"name":"壶口镇","code":"141028102000"},{"name":"吉昌镇","code":"141028100000"},{"name":"东城乡","code":""},{"name":"中垛乡","code":"141028204000"},{"name":"车城乡","code":"141028200000"},{"name":"柏山寺乡","code":"141028203000"},{"name":"屯里镇","code":"141028101000"},{"name":"文城乡","code":"141028201000"}]
说明
1、根据《地图审核管理规定》、《互联网地图服务专业标准》等法规，本地图不作为境界线勘界等用处。使用中请查阅《中华人民共和国地图编制出版管理条例》、各地地图编制出版管理办法等地图规定按程序应用。
2、本数据是目前市面上较齐全、精度较高的数据，属性齐全，各大高校科研均在用此数据。
3、本数据仅用于echarts threejs地图效果展示。
