数据大屏 项目中经常会遇到需要渲染echarts地图的情况，为了方便不同城市快速实现效果，将不同城市的echarts地图效果整理出来，供大家参考，今天为大家整理的是信阳市固始县echarts地图和threejs地图效果实例。地图基于geoJson数据绘制。
固始县，河南省信阳市辖县、河南省直管县。位于河南省东南端，豫皖两省交界处，南依大别山，北临淮河，总面积2946平方千米。下辖3个街道、19个镇、11个乡。
因历史上有四次大规模人口南迁，固始县成为中原地区向闽台一带移民的肇始地和集中地，有“唐人故里，闽台祖地”和“中原第一侨乡”之称，自古皆有"中州首邑”、“中州文风甲天下，固始文风甲中州”之美誉。唐初“开漳圣王”陈元光、唐末“闽王”王审知、民族英雄郑成功、靖海侯施琅、爱国华侨陈嘉庚等先贤名人的祖籍地均为固始。是河南省确定的五个加快发展的区域性中心城市和十个省直管体制改革试点县之一。2019年5月9日，经河南省级专项评估检查，固始县达到脱贫摘帽标准，正式退出贫困县序列。
echarts信阳市固始县geoJson地图点击弹出自定义弹窗
我们可以通过scatter来设置自定义样式,但是这种自定义局限性很大,如果要求的样式很复杂的话,scatter就不能很好的实现了,所以我们可以通过鼠标点击获取横纵坐标,然后通过css来定位到对应的位置.
echarts信阳市固始县geoJson地图定义颜色
echarts地图通过visualMap来事先设置好数据区间,根据区间来来显示地图的颜色,这里的visualMap数据是随机生成的,可以通过实例代码根据自己的需要配置颜色和数据区间.
echarts信阳市固始县geoJson地图热力图
echarts通过heatmap实现热力图效果
threejs信阳市固始县geoJson地图3d地图自定义贴图加CSS3D标签
通过threejs绘制3d地图并添加CSS3D标签和自定义贴图,如果想系统的学习threejs的话，可以观看threejs视频 3D可视化Three.js视频教程
threejs信阳市固始县geoJson地图3d地图鼠标移入显示标签并高亮
通过threejs绘制的3d地图鼠标移入显示标签并高亮
threejs信阳市固始县geoJson地图3d地图指定区域闪烁
通过threejs绘制3d地图并让指定区域闪烁
信阳市固始县下辖有蒋集镇,分水亭镇,南大桥乡,番城街道,张老埠乡,柳树店乡,秀水街道,丰港乡,沙河铺乡,往流镇,泉河铺镇,徐集乡,杨集乡,方集镇,李店乡,段集镇,汪棚镇,洪埠乡,石佛店镇,观堂乡,黎集镇,三河尖镇,张广庙镇,武庙集镇,胡族铺镇,郭陆滩镇,草庙集乡,蓼城街道,陈淋子镇,赵岗乡,陈集镇,祖师庙镇,马堽集乡
信阳市固始县下辖区域坐标
{"蒋集镇":[115.77595909921806,32.305100922552],"分水亭镇":[115.80495003768029,32.17751355949859],"南大桥乡":[115.71021668013438,32.07365068632249],"番城街道":[115.64589553101509,32.22239630392889],"张老埠乡":[115.77972546023832,32.01274288638693],"柳树店乡":[115.74226455305707,32.13032884482229],"秀水街道":[115.60414565426319,32.14275698798276],"丰港乡":[115.78338605964379,32.42315610604129],"沙河铺乡":[115.73296567765706,32.20790086912196],"往流镇":[115.6528606191111,32.4292510606737],"泉河铺镇":[115.87600200138561,32.19867259158388],"徐集乡":[115.83287854281662,32.39746044736446],"杨集乡":[115.54523658020122,32.25733508115507],"方集镇":[115.60913582771201,31.87555486444054],"李店乡":[115.70332058957804,32.3566583829044],"段集镇":[115.6718655555992,31.85715480862252],"汪棚镇":[115.56312202933171,32.10998451496445],"洪埠乡":[115.68616285897744,32.28734905977937],"石佛店镇":[115.80232613489878,32.07213905991777],"观堂乡":[115.6047802506325,32.32971281131216],"黎集镇":[115.84143833191149,31.96939565425138],"三河尖镇":[115.8251831382251,32.506476976763],"张广庙镇":[115.88599371606156,32.09227319171308],"武庙集镇":[115.727266798617,31.85177986074456],"胡族铺镇":[115.46267592852438,32.20252850670285],"郭陆滩镇":[115.63276958658861,32.00689443261845],"草庙集乡":[115.55986486277196,32.04716080565639],"蓼城街道":[115.68061025046603,32.18361620552771],"陈淋子镇":[115.83444553993722,31.84761224000362],"赵岗乡":[115.69125577566096,31.97192688217164],"陈集镇":[115.86008375735892,32.29656375682014],"祖师庙镇":[115.79818374494789,31.86824284583051],"马堽集乡":[115.41100768156633,32.09865520671143]}
