数据大屏 项目中会有渲染地图的需要,除了百度地图以及高德地图外，也会需要echarts或者threejs效果的地图,今天为大家整理信阳市罗山县echarts地图和threejs地图效果实例供大家参考。地图基于geoJson数据绘制。
罗山县，隶属于河南省信阳市，位于河南省南部，大别山北麓，淮河南岸，总面积2071平方公里。罗山县属亚热带向暖温带过渡地带。截至2019年10月，罗山县辖3个街道、11个镇、6个乡；另辖1个乡级单位。县人民政府驻城关镇。根据第七次人口普查数据，截至2020年11月1日零时，罗山县常住人口为49.32万人。
echarts信阳市罗山县geoJson地图label样式自定义
echarts通过scatter实例可以配置自己想要的图标,以及label文字的样式效果
echarts信阳市罗山县geoJson地图点击地图获取经纬度
echarts地图渲染后,有时候会需要点击后获取到经纬度信息,通过经纬度信息来查询一些内容,这里我们可以通过convertFromPixel来获取经纬度.
echarts信阳市罗山县geoJson地图地图排行榜效果
echarts地图根据数据渲染不同颜色的地图,并根据数据大小显示前10名的排序效果,属于地图map类型和柱状图bar类型混合效果
threejs信阳市罗山县geoJson地图3d地图CSS3D标签
通过threejs绘制的3d地图CSS3D标签实例，CSS3D不面向摄像机，跟随场景缩放,可以通过rotateY调整角度,通过scale调整大小,如果想系统的学习threejs的话，可以观看threejs课程视频 Three.js前端3D可视化
threejs信阳市罗山县geoJson地图3d地图添加旋转棱锥
通过threejs绘制3d地图并在指定经纬度上添加带波纹效果不停旋转的棱锥效果实例，如果对threejs感兴趣，可以观看threejs教程视频 Three.js前端3D可视化
threejs信阳市罗山县geoJson地图3d地图添加描边效果
通过threejs绘制3d地图使用outlinePass 实现发光描边效果,如果对threejs感兴趣，可以观看threejs课程视频 WebGL/Three.js前端3D可视化教程
信阳市罗山县下辖有山店乡,朱堂乡,楠杆镇,潘新镇,竹竿镇,莽张镇,铁铺镇,青山镇,龙山乡,灵山镇,东卜镇,子路镇,周党镇,城关镇,定远乡,尤店乡,庙仙乡,彭新镇,高店乡,河南省五一农场
信阳市罗山县下辖区域坐标
{"山店乡":[114.41809127979789,31.8061662885087],"朱堂乡":[114.22299627033829,31.97098628106346],"楠杆镇":[114.38645203106341,32.15459403028291],"潘新镇":[114.44013596165928,31.95085995911834],"竹竿镇":[114.64565177420042,32.19864248758898],"莽张镇":[114.5196350802046,32.04734088431174],"铁铺镇":[114.26617782488579,31.82161241016824],"青山镇":[114.3130333196811,32.0569649100842],"龙山乡":[114.54276155260115,32.17849505525515],"灵山镇":[114.28953497142027,31.94238900626006],"东卜镇":[114.60123900837678,32.26159769528866],"子路镇":[114.41223954497634,32.06980629556361],"周党镇":[114.51968055870566,31.92368358764938],"城关镇":[114.5161156258489,32.20345732472686],"定远乡":[114.51215860472243,31.80576680756479],"尤店乡":[114.47311159041709,32.24685592367874],"庙仙乡":[114.5722025910868,32.09340123057486],"彭新镇":[114.35301811871804,31.87077675076483],"高店乡":[114.3544834159282,32.22499503535906],"河南省五一农场":[114.36766745608749,32.1683452794972]}
