可视化数据大屏 项目中经常会遇到需要渲染echarts地图的情况,为了方便不同城市快速实现效果,将不同城市的echarts地图效果整理出来,供大家参考,今天为大家整理的是南阳市南召县echarts地图和threejs地图效果实例。地图基于geoJson数据绘制。
南召县,河南省南阳市下辖县,位于河南省西南部,伏牛山南麓,南阳盆地北缘,东邻方城,南接南阳市卧龙区、西临内乡,北靠鲁山、嵩县,素有“北扼汝洛、南控荆襄”之称,是历代兵家必争之地。总面积2946平方公里,全县辖16个乡镇(含皇路店镇,现由鸭河工区代管)、340个行政村。根据第七次人口普查数据,截至2020年11月1日零时,南召县常住人口545475人。
echarts南阳市南召县geoJson地图阴影
echarts地图阴影效果实例,通过shadowColor控制阴影的颜色,通过shadowBlur控制范围,通过shadowOffsetX和shadowOffsetY控制偏移.
echarts南阳市南召县geoJson地图圆形波纹状气泡图
echarts地图渲染时,会通过effectScatter实现一个圆形外加波纹扩散效果的气泡来使页面看起来更酷炫.
echarts南阳市南召县geoJson地图飞线图
echarts飞线图实例,可以根据自己的需要配置飞线的颜色大小以及方向
threejs南阳市南召县geoJson地图3d地图添加描边效果
通过threejs绘制3d地图使用outlinePass 实现发光描边效果,如果对threejs感兴趣,可以观看threejs教程视频 WebGL前端3D可视化教程
threejs南阳市南召县geoJson地图3d地图CSS3D标签
通过threejs绘制的3d地图CSS3D标签实例,CSS3D不面向摄像机,跟随场景缩放,可以通过rotateY调整角度,通过scale调整大小,如果对threejs感兴趣,可以观看threejs教程视频 3D可视化Three.js视频教程
threejs南阳市南召县geoJson地图3d地图指定区域闪烁
通过threejs绘制3d地图并让指定区域闪烁,如果对threejs感兴趣,可以观看threejs视频 Three.js视频教程3D可视化
南阳市南召县下辖有城关镇,河南向东机械厂,河南红阳机械厂,国营长江机械厂,河南红宇机械厂,国营东风机械厂,云阳镇,城郊乡,小店乡,崔庄乡,留山镇,皇后乡,南河店镇,太山庙乡,板山坪镇,白土岗镇,皇路店镇,马市坪乡,乔端镇,石门乡,四棵树乡
南阳市南召县下辖区域坐标
{"城关镇":[112.42361773454624,33.50749319123376],"河南向东机械厂":[112.70395798385891,33.49198794235369],"河南红阳机械厂":[112.77836790199042,33.44697326354294],"国营长江机械厂":[112.68414564643224,33.3702589924085],"河南红宇机械厂":[112.59471179853517,33.41461303020203],"国营东风机械厂":[112.61952070002093,33.40238015622498],"云阳镇":[112.71848887868819,33.48603207459168],"城郊乡":[112.4053185257876,33.45357018939058],"小店乡":[112.61408721389688,33.51690055550036],"崔庄乡":[112.40054229317784,33.59413223013418],"留山镇":[112.54170209723702,33.484039794175],"皇后乡":[112.77016396523021,33.52183733783097],"南河店镇":[112.39472680272772,33.36620862168745],"太山庙乡":[112.60990174117485,33.3652808807972],"板山坪镇":[112.1877149726715,33.42163351315739],"白土岗镇":[112.32299250998878,33.41298520730821],"皇路店镇":[112.58734591323625,33.27770861311154],"马市坪乡":[112.21750999681886,33.61290211048473],"乔端镇":[112.04405482350975,33.53261765404103],"石门乡":[112.4751711828761,33.28727218707975],"四棵树乡":[112.31656311270086,33.28244728610596]}