大屏数据可视化 项目中会有渲染地图的需要,除了百度地图以及高德地图外，也会需要echarts或者threejs效果的地图,今天为大家整理信阳市新县echarts地图和threejs地图效果实例供大家参考。地图基于geoJson数据绘制。
新县，隶属于河南省信阳市，位于信阳市南部、大别山腹地、鄂豫两省交接地带。行政区域面积1554平方千米，辖15个乡镇、1个街道，县政府驻新集镇。截至2019年末，新县辖区户籍人口381836人。 地处北亚热带向暖温带过渡地带，属大陆性湿润季风气候。
echarts信阳市新县geoJson地图3d地图实例旋转动画
使用的是echarts-gl结合echarts实现的3d地图效果实例
echarts信阳市新县geoJson地图全局颜色渐变
echarts地图渲染时,除了局部区域渐变外也会遇到整个地图的颜色渐变效果,我们可以通过areaColor的linear-gradient来实现我们想要的效果
echarts信阳市新县geoJson地图局部颜色渐变
echarts地图渲染,通过echarts.graphic.LinearGradient线性渐变来实现地图区域颜色的渐变效果
threejs信阳市新县geoJson地图3d地图CSS2D外加旋转棱锥
通过threejs绘制3d地图CSS2D外加旋转棱锥效果,如果想系统的学习threejs的话，可以观看threejs课程视频 WebGL/Three.js前端高薪3D可视化
threejs信阳市新县geoJson地图3d地图自定义贴图加CSS3D标签
通过threejs绘制3d地图并添加CSS3D标签和自定义贴图,如果想系统的学习threejs的话，可以观看threejs视频教程 Three.js 3D可视化
threejs信阳市新县geoJson地图3d地图CSS3D标签
通过threejs绘制的3d地图CSS3D标签实例，CSS3D不面向摄像机，跟随场景缩放,可以通过rotateY调整角度,通过scale调整大小,如果想系统的学习threejs的话，可以观看threejs课程视频 Three.js视频教程3D可视化
信阳市新县下辖有卡房乡,箭厂河乡,周河乡,泗店乡,浒湾乡,田铺乡,苏河镇,陈店乡,八里畈镇,吴陈河镇,郭家河乡,陡山河乡,千斤乡,新集镇,沙窝镇
信阳市新县下辖区域坐标
{"卡房乡":[114.60257736541193,31.63376210875115],"箭厂河乡":[114.81572423208739,31.52153077318689],"周河乡":[115.04747098441652,31.61836761177074],"泗店乡":[114.91288036374777,31.53197616355634],"浒湾乡":[114.89300306802653,31.72081900302015],"田铺乡":[115.0221132941606,31.53195132957145],"苏河镇":[114.61916730621107,31.76077601085318],"陈店乡":[114.75203856039826,31.57548927201212],"八里畈镇":[114.98217499619358,31.70590693321571],"吴陈河镇":[114.80444109063032,31.74406455535426],"郭家河乡":[114.69471096884749,31.59581636463888],"陡山河乡":[114.72697899300832,31.6706060250581],"千斤乡":[114.70653303828755,31.74474662989458],"新集镇":[114.91029684137511,31.62857292484043],"沙窝镇":[115.116532737879,31.66435669026516]}
