大屏数据可视化 项目中会有渲染地图的需要,除了百度地图以及高德地图外,也会需要echarts或者threejs效果的地图,今天为大家整理驻马店市正阳县echarts地图和threejs地图效果实例供大家参考。地图基于geoJson数据绘制。
正阳县,隶属于河南省驻马店市,地处淮汝之滨,南与罗山、信阳隔淮河相望,东邻新蔡、息县,北靠汝南、平舆县,西与确山县接壤,京港澳高速、大广高速、沪陕高速、新阳高速环顾四周。县域总面积1903平方公里,辖2个街道,8个镇,10个乡。根据第七次人口普查数据,截至2020年11月1日零时,正阳县常住人口为625123人。
echarts驻马店市正阳县geoJson地图点击地图插小旗
echarts地图渲染点击地图显示自定义效果实例,效果类似点击插小旗的效果,通过scatter实现.
echarts驻马店市正阳县geoJson地图自定义引导线
echarts地图渲染中,会遇到多个地名凑到一块导致名称重叠的情况,这时候我们可以通过一条线指向对应的位置并通过label来进行标注的效果.
echarts驻马店市正阳县geoJson地图局部颜色渐变
echarts地图渲染,通过echarts.graphic.LinearGradient线性渐变来实现地图区域颜色的渐变效果
threejs驻马店市正阳县geoJson地图3d地图添加描边效果
通过threejs绘制3d地图使用outlinePass 实现发光描边效果,如果对threejs感兴趣,可以观看threejs视频教程 Three.js前端3D可视化
threejs驻马店市正阳县geoJson地图3d地图CSS2D外加旋转棱锥
通过threejs绘制3d地图CSS2D外加旋转棱锥效果,如果想系统的学习threejs的话,可以观看threejs教程视频 WebGL前端3D可视化教程
threejs驻马店市正阳县geoJson地图3d地图
通过threejs绘制的3d地图实例,如果想系统的学习threejs的话,可以观看threejs课程视频 Three.js视频教程3D可视化
驻马店市正阳县下辖有兰青乡,吕河乡,彭桥乡,大林镇,寒冻镇,永兴镇,皮店乡,真阳镇,袁寨乡,陡沟镇,新阮店乡,油坊店乡,王勿桥乡,铜钟镇,雷寨乡,汝南埠镇,傅寨乡,慎水乡,熊寨镇
驻马店市正阳县下辖区域坐标
{"兰青乡":[114.27975197318378,32.47362183114505],"吕河乡":[114.44616295882062,32.5341415266189],"彭桥乡":[114.4096029217206,32.46352786539925],"大林镇":[114.52924451024026,32.34339964797106],"寒冻镇":[114.54884600592361,32.74402788495],"永兴镇":[114.53027739021852,32.49312188474994],"皮店乡":[114.41229895896308,32.35367846898656],"真阳镇":[114.33594644773211,32.57052356333881],"袁寨乡":[114.5348733991393,32.68935222643895],"陡沟镇":[114.33708085259599,32.3779795936647],"新阮店乡":[114.5149199185506,32.60493444883917],"油坊店乡":[114.63995873339339,32.66031931338701],"王勿桥乡":[114.59804259399883,32.5678950295173],"铜钟镇":[114.53818628090414,32.42652194672213],"雷寨乡":[114.69634543879786,32.5687952769879],"汝南埠镇":[114.79548581257693,32.63492370334662],"傅寨乡":[114.429872848543,32.70751743851627],"慎水乡":[114.3886500632953,32.61639250123309],"熊寨镇":[114.2463667298322,32.5634506408436]}
说明
1、根据《地图审核管理规定》、《互联网地图服务专业标准》等法规,本地图不作为境界线勘界等用处。使用中请查阅《中华人民共和国地图编制出版管理条例》、各地地图编制出版管理办法等地图规定按程序应用。
2、本数据是目前市面上较齐全、精度较高的数据,属性齐全,各大高校科研均在用此数据。
3、本数据仅用于echarts threejs地图效果展示。