数据大屏可视化 项目中经常需要渲染echarts地图，为了不同城市快速实现，将不同城市的echarts地图效果整理出来，今天为大家整理忻州市河曲县echarts地图和threejs地图效果实例。地图基于geoJson数据绘制。
河曲县隶属于 山西省 忻州市，位于忻州市西北部，地处晋、陕、蒙能源金三角的中心地带，被神府煤田、准格尔能源富集区、朔州工业区、河东煤田等大工业包围，境内神朔铁路、朔准铁路、黄河龙口大桥、韩河公路、沿黄公路和府谷至河曲公路桥等便交通网络，使河曲融入晋陕蒙金三角区域经济板块，是承接呼、包、鄂、榆、忻、朔经济发展辐射力的枢纽带。
echarts忻州市河曲县geoJson地图全局颜色渐变
echarts地图渲染时,除了局部区域渐变外也会遇到整个地图的颜色渐变效果,我们可以通过areaColor的linear-gradient来实现我们想要的效果
echarts忻州市河曲县geoJson地图地图排行榜效果
echarts地图根据数据渲染不同颜色的地图,并根据数据大小显示前10名的排序效果,属于地图map类型和柱状图bar类型混合效果
echarts忻州市河曲县geoJson地图定义颜色
echarts地图通过visualMap来事先设置好数据区间,根据区间来来显示地图的颜色,这里的visualMap数据是随机生成的,可以通过实例代码根据自己的需要配置颜色和数据区间.
threejs忻州市河曲县geoJson地图3d地图添加金色效果
通过threejs绘制3d地图使用outlinePass实现金色描边效果,并通过edgeStrength增加强度,让描边更清晰,如果想系统的学习threejs的话，可以观看threejs视频教程 WebGL/Three.js前端3D可视化教程
threejs忻州市河曲县geoJson地图3d地图鼠标移入显示标签并高亮
通过threejs绘制的3d地图鼠标移入显示标签并高亮
threejs忻州市河曲县geoJson地图3d地图指定区域闪烁
通过threejs绘制3d地图并让指定区域闪烁
忻州市河曲县 下辖有 前川乡,单寨乡,土沟乡,巡镇镇,文笔镇,沙坪乡,社梁乡,沙泉乡,鹿固乡,刘家塔镇,楼子营镇,赵家沟乡,旧县乡,前川乡,单寨乡,土沟乡,巡镇镇,文笔镇,沙坪乡,社梁乡,沙泉乡,鹿固乡,刘家塔镇,楼子营镇,赵家沟乡,旧县乡
忻州市河曲县下辖区域坐标
{"前川乡":[111.42576627687295,39.28373671272433],"单寨乡":[111.41463018188551,39.17246180059267],"土沟乡":[111.52750180074271,39.19925125017383],"巡镇镇":[111.2485365329357,39.27847070315688],"文笔镇":[111.17595238853622,39.37875650982087],"沙坪乡":[111.27510961696109,39.17939177015906],"社梁乡":[111.248547325883,39.10054054375756],"沙泉乡":[111.38082142744187,39.06643127141531],"鹿固乡":[111.31095903745594,39.24977583821859],"刘家塔镇":[111.36638793307523,39.38243591477098],"楼子营镇":[111.24433891564544,39.37829928523468],"赵家沟乡":[111.39055556722505,38.96586195098968],"旧县乡":[111.21220748409267,39.15973545068116]}
忻州市河曲县行政划分代码
[{"name":"前川乡","code":""},{"name":"单寨乡","code":"140930202000"},{"name":"土沟乡","code":"140930203000"},{"name":"巡镇镇","code":"140930103000"},{"name":"文笔镇","code":""},{"name":"沙坪乡","code":"140930205000"},{"name":"社梁乡","code":"140930206000"},{"name":"沙泉乡","code":""},{"name":"鹿固乡","code":"140930200000"},{"name":"刘家塔镇","code":"140930102000"},{"name":"楼子营镇","code":"140930101000"},{"name":"赵家沟乡","code":""},{"name":"旧县乡","code":""}]
说明
1、根据《地图审核管理规定》、《互联网地图服务专业标准》等法规，本地图不作为境界线勘界等用处。使用中请查阅《中华人民共和国地图编制出版管理条例》、各地地图编制出版管理办法等地图规定按程序应用。
2、本数据是目前市面上较齐全、精度较高的数据，属性齐全，各大高校科研均在用此数据。
3、本数据仅用于echarts threejs地图效果展示。
