可视化数据大屏 项目中经常会遇到需要渲染echarts地图的情况，为了方便不同城市快速实现效果，将不同城市的echarts地图效果整理出来，供大家参考，今天为大家整理的是长治市沁源县echarts地图和threejs地图效果实例。地图基于geoJson数据绘制。
沁源县，隶属于 山西省 长治市。地处山西省中南部，太岳山东麓，长治市西北部，东邻沁县，南接屯留区、安泽县、古县，西连灵石县、霍州市，北靠平遥县、介休市。东经111°58′30″―112°32′30″，北纬36°20′20″―37°00′42″之间，东西宽45千米，南北长74千米，总面积2549平方千米。截至2022年10月，沁源县辖6个镇、6个乡，另设有1个开发区。截至2022年末，沁源县总人口14.9044万人。
echarts长治市沁源县geoJson地图点击跳转到指定页面
为图标添加点击事件,点击图标,跳转到指定页面
echarts长治市沁源县geoJson地图地图排行榜效果
echarts地图根据数据渲染不同颜色的地图,并根据数据大小显示前10名的排序效果,属于地图map类型和柱状图bar类型混合效果
echarts长治市沁源县geoJson地图3d地图自定义图标
echarts 3d地图添加自定义图标实例
threejs长治市沁源县geoJson地图3d地图css2d标签
通过threejs绘制的3d地图css2d标签实例，CSS2D面向摄像机,不随场景缩放而缩放,如果对threejs感兴趣，可以观看threejs视频教程 WebGL/Three.js前端高薪3D可视化
threejs长治市沁源县geoJson地图3d地图自定义贴图加CSS2D标签
通过threejs绘制3d地图并添加CSS2D标签和自定义贴图
threejs长治市沁源县geoJson地图3d地图CSS3D标签
通过threejs绘制的3d地图CSS3D标签实例，CSS3D不面向摄像机，跟随场景缩放,可以通过rotateY调整角度,通过scale调整大小
长治市沁源县 下辖有 中峪乡,交口乡,官滩乡,景凤乡,郭道镇,韩洪乡,灵空山镇,聪子峪乡,赤石桥乡,李元镇,沁河镇,法中乡,王和镇,王陶乡,中峪乡,交口乡,官滩乡,景凤乡,郭道镇,韩洪乡,灵空山镇,聪子峪乡,赤石桥乡,李元镇,沁河镇,法中乡,王和镇,王陶乡
长治市沁源县下辖区域坐标
{"中峪乡":[112.23294546133425,36.45413681084622],"交口乡":[112.41607093835476,36.64452618487081],"官滩乡":[112.43461730777511,36.79386355410676],"景凤乡":[112.45197683353891,36.89941246131768],"郭道镇":[112.32126483089223,36.69768844766876],"韩洪乡":[112.1319686868795,36.70310069533176],"灵空山镇":[112.1321313519955,36.57090381840979],"聪子峪乡":[112.1999602844258,36.79119949856878],"赤石桥乡":[112.31359618247141,36.84266233591659],"李元镇":[112.21957907623529,36.58203289676271],"沁河镇":[112.35695374521413,36.48961831935304],"法中乡":[112.4005966463032,36.45904422509673],"王和镇":[112.17996257384763,36.96044637681308],"王陶乡":[112.12632680414353,36.83833877160706]}
长治市沁源县行政划分代码
[{"name":"中峪乡","code":"140431200000"},{"name":"交口乡","code":"140431202000"},{"name":"官滩乡","code":""},{"name":"景凤乡","code":""},{"name":"郭道镇","code":"140431101000"},{"name":"韩洪乡","code":"140431204000"},{"name":"灵空山镇","code":"140431102000"},{"name":"聪子峪乡","code":"140431203000"},{"name":"赤石桥乡","code":"140431207000"},{"name":"李元镇","code":""},{"name":"沁河镇","code":"140431100000"},{"name":"法中乡","code":"140431201000"},{"name":"王和镇","code":"140431103000"},{"name":"王陶乡","code":""}]
说明
1、根据《地图审核管理规定》、《互联网地图服务专业标准》等法规，本地图不作为境界线勘界等用处。使用中请查阅《中华人民共和国地图编制出版管理条例》、各地地图编制出版管理办法等地图规定按程序应用。
2、本数据是目前市面上较齐全、精度较高的数据，属性齐全，各大高校科研均在用此数据。
3、本数据仅用于echarts threejs地图效果展示。
