可视化大屏 项目中经常需要渲染echarts地图，为了不同城市快速实现，将不同城市的echarts地图效果整理出来，今天为大家整理晋城市高平市echarts地图和threejs地图效果实例。地图基于geoJson数据绘制。
高平市，山西省 辖县级市，由 晋城市 代管，位于山西省东南部，泽州盆地北端，太行山西南边缘，因其四面群山环绕、中部相对平坦而得名。高平市地跨东经112°40'~113°10'、北纬35°40'~36°0'，东与陵川县接壤，西与沁水县为邻，南与泽州县毗连，北与长治市上党区、长子县相接，市境总面积946平方千米，属暖温带季风气候，四季分明，雨热同季。截至2022年末，全市下辖3个街道、9个镇和3个乡；截至2021年，全市常住人口450767人。
echarts晋城市高平市geoJson地图点击弹出自定义弹窗
我们可以通过scatter来设置自定义样式,但是这种自定义局限性很大,如果要求的样式很复杂的话,scatter就不能很好的实现了,所以我们可以通过鼠标点击获取横纵坐标,然后通过css来定位到对应的位置.
echarts晋城市高平市geoJson地图地图排行榜效果
echarts地图根据数据渲染不同颜色的地图,并根据数据大小显示前10名的排序效果,属于地图map类型和柱状图bar类型混合效果
echarts晋城市高平市geoJson地图定义颜色
echarts地图通过visualMap来事先设置好数据区间,根据区间来来显示地图的颜色,这里的visualMap数据是随机生成的,可以通过实例代码根据自己的需要配置颜色和数据区间.
threejs晋城市高平市geoJson地图3d地图自定义贴图加CSS3D标签
通过threejs绘制3d地图并添加CSS3D标签和自定义贴图,如果对threejs感兴趣，可以观看threejs课程视频 Three.js前端3D可视化
threejs晋城市高平市geoJson地图3d地图css2d标签
通过threejs绘制的3d地图css2d标签实例，CSS2D面向摄像机,不随场景缩放而缩放
threejs晋城市高平市geoJson地图3d地图添加旋转棱锥
通过threejs绘制3d地图并在指定经纬度上添加带波纹效果不停旋转的棱锥效果实例
晋城市高平市 下辖有 三甲镇,永录乡,北诗镇,寺庄镇,建宁乡,野川镇,河西镇,石末乡,神农镇,马村镇,东城街道,北城街道,南城街道,陈区镇,原村乡,米山镇,三甲镇,永录乡,北诗镇,寺庄镇,建宁乡,野川镇,河西镇,石末乡,神农镇,马村镇,东城街道,北城街道,南城街道,陈区镇,原村乡,米山镇
晋城市高平市下辖区域坐标
{"三甲镇":[112.96368249997158,35.84109972114379],"永录乡":[112.89606341765604,35.87522365765619],"北诗镇":[113.0914116984371,35.76828098964643],"寺庄镇":[112.83060967467226,35.90629776752746],"建宁乡":[113.10788619508739,35.85037563879961],"野川镇":[112.80081196547305,35.82370300573415],"河西镇":[112.93901212290194,35.69716471371529],"石末乡":[113.0801135759682,35.69491651226029],"神农镇":[112.95969903139951,35.90077397443542],"马村镇":[112.7960582772832,35.71708772601021],"东城街道":[112.94114207136639,35.80085262189831],"北城街道":[112.89105138229587,35.82255624595997],"南城街道":[112.90867690467587,35.76325356685845],"陈区镇":[113.04990009657212,35.86624187518304],"原村乡":[112.77514006744667,35.77071510985725],"米山镇":[113.00316142729243,35.77075105461665]}
晋城市高平市行政划分代码
[{"name":"三甲镇","code":"140581102000"},{"name":"永录乡","code":""},{"name":"北诗镇","code":"140581105000"},{"name":"寺庄镇","code":"140581109000"},{"name":"建宁乡","code":"140581201000"},{"name":"野川镇","code":"140581108000"},{"name":"河西镇","code":"140581106000"},{"name":"石末乡","code":"140581202000"},{"name":"神农镇","code":"140581103000"},{"name":"马村镇","code":"140581107000"},{"name":"东城街道","code":"140581002000"},{"name":"北城街道","code":"140581001000"},{"name":"南城街道","code":"140581003000"},{"name":"陈区镇","code":"140581104000"},{"name":"原村乡","code":"140581203000"},{"name":"米山镇","code":"140581101000"}]
说明
1、根据《地图审核管理规定》、《互联网地图服务专业标准》等法规，本地图不作为境界线勘界等用处。使用中请查阅《中华人民共和国地图编制出版管理条例》、各地地图编制出版管理办法等地图规定按程序应用。
2、本数据是目前市面上较齐全、精度较高的数据，属性齐全，各大高校科研均在用此数据。
3、本数据仅用于echarts threejs地图效果展示。
