随着开发 数据可视化大屏 项目越来越多,对地图的需求也各不相同,除了百度地图和高德地图外还会遇到echarts和threejs的需要,对地图的效果以及城市也各不相同,今天为大家整理信阳市商城县echarts地图和threejs地图效果实例供大家参考。地图基于geoJson数据绘制。
商城县，隶属河南省信阳市，位于河南省东南隅，大别山北麓。全县总面积2130平方公里， 辖2个街道、10个镇、7个乡。根据第七次人口普查数据，截至2020年11月1日零时，商城县常住人口为45.95万人。
宋建隆元年（960年）因避宋宣祖弘殷讳，改殷城县为商城县。商城地处北亚热带北缘，气候温和，雨量充沛。境内宁西铁路、沪陕高速穿境而过，国道G220、省道S338、S339在此交汇。 2019年1月，凭借商城民歌入选2018—2020年度“中国民间文化艺术之乡”名单。
echarts信阳市商城县geoJson地图点击地图获取经纬度
echarts地图渲染后,有时候会需要点击后获取到经纬度信息,通过经纬度信息来查询一些内容,这里我们可以通过convertFromPixel来获取经纬度.
echarts信阳市商城县geoJson地图全局颜色渐变
echarts地图渲染时,除了局部区域渐变外也会遇到整个地图的颜色渐变效果,我们可以通过areaColor的linear-gradient来实现我们想要的效果
echarts信阳市商城县geoJson地图 tooltip轮播
echarts地图实现类似tooltip轮播效果,通过effectScatter实现浮窗,并通过定时修改effectScatter的data来实现浮窗的移动.
threejs信阳市商城县geoJson地图3d地图自定义贴图加CSS2D标签
通过threejs绘制3d地图并添加CSS2D标签和自定义贴图,如果对threejs感兴趣，可以观看threejs教程视频 WebGL/Three.js前端3D可视化教程
threejs信阳市商城县geoJson地图3d地图添加金色效果
通过threejs绘制3d地图使用outlinePass实现金色描边效果,并通过edgeStrength增加强度,让描边更清晰,如果想系统的学习threejs的话，可以观看threejs视频课程 WebGL/Three.js前端3D可视化教程
threejs信阳市商城县geoJson地图3d地图指定区域闪烁
通过threejs绘制3d地图并让指定区域闪烁,如果对threejs感兴趣，可以观看threejs视频教程 Three.js前端3D可视化
信阳市商城县下辖有汪岗镇,汪桥镇,伏山乡,丰集镇,金刚台乡,鲇鱼山街道,余集镇,冯店乡,吴河乡,双椿铺镇,河风桥乡,苏仙石乡,赤城街道,达权店镇,长竹园乡,观庙镇,鄢岗镇,汤泉池管理处,李集乡,上石桥镇
信阳市商城县下辖区域坐标
{"汪岗镇":[115.42138987321945,31.72518922408364],"汪桥镇":[115.21353841697398,31.84109807247868],"伏山乡":[115.44930482404293,31.64886987206958],"丰集镇":[115.48163220837068,31.85059753306921],"金刚台乡":[115.49397799543422,31.78832987933435],"鲇鱼山街道":[115.35263476544797,31.81683927468566],"余集镇":[115.208005432692,31.72683451703395],"冯店乡":[115.24080223863281,31.62406745079654],"吴河乡":[115.30334338065204,31.72904994666052],"双椿铺镇":[115.3283586354782,31.90631179337225],"河风桥乡":[115.44194532074789,31.89347420463201],"苏仙石乡":[115.57353882971258,31.77269277268915],"赤城街道":[115.43171921674946,31.80630408074648],"达权店镇":[115.32732863179719,31.58232626863769],"长竹园乡":[115.29468750000773,31.47502578558204],"观庙镇":[115.17371590684294,31.8296999513728],"鄢岗镇":[115.35706882977728,31.99481788648162],"汤泉池管理处":[115.33672075205223,31.70563888279683],"李集乡":[115.54532851097294,31.91009911513972],"上石桥镇":[115.49073359076067,32.0201799201157]}
