数据大屏可视化 项目中会有渲染地图的需要,除了百度地图以及高德地图外，也会需要echarts或者threejs效果的地图,今天为大家整理南阳市新野县echarts地图和threejs地图效果实例供大家参考。地图基于geoJson数据绘制。
新野县，隶属于河南省南阳市，位于中原经济区西南门户、豫鄂两省交界地带，南阳盆地中心。介于东经112°12’44″～112°35’42”，北纬32°19’30”～32°49’08”之间。全县总面积1062平方公里。新野属北亚热带地区，具有明显的大陆性季风气候特征，温暖湿润，四季分明，光、热、水资源丰富。截至2021年10月，新野县辖8个镇、5个乡、2个街道，县政府驻汉城街道。根据第七次人口普查数据，截至2020年11月1日零时，新野县常住人口602827人。
echarts南阳市新野县geoJson地图全局颜色渐变
echarts地图渲染时,除了局部区域渐变外也会遇到整个地图的颜色渐变效果,我们可以通过areaColor的linear-gradient来实现我们想要的效果
echarts南阳市新野县geoJson地图 visualMap控制地图颜色
echarts地图使用visualMap通过一组颜色及一组数据来实现地图不同区域根据不同数据进行颜色变化
echarts南阳市新野县geoJson地图区域闪烁
echarts地图有时候为了突出某一块区域的重要性,会进行两个颜色的交替变化来告诉用户这一块需要重点关注,我们可以通过echarts的dispatchAction来实现我们想要的效果.
threejs南阳市新野县geoJson地图3d地图
通过threejs绘制的3d地图实例，如果对threejs感兴趣，可以观看threejs教程视频 WebGL 3D可视化教程
threejs南阳市新野县geoJson地图3d地图自定义贴图加CSS3D标签
通过threejs绘制3d地图并添加CSS3D标签和自定义贴图,如果想系统的学习threejs的话，可以观看threejs视频教程 WebGL/Three.js前端3D可视化教程
threejs南阳市新野县geoJson地图3d地图css2d标签
通过threejs绘制的3d地图css2d标签实例，CSS2D面向摄像机,不随场景缩放而缩放,如果想系统的学习threejs的话，可以观看threejs视频教程 WebGL 3D可视化教程
南阳市新野县下辖有汉华街道,樊集乡,上庄乡,汉城街道,上港乡,五星镇,城郊乡,沙堰镇,施庵镇,歪子镇,王庄镇,王集镇,前高庙乡,新甸铺镇,溧河铺镇
南阳市新野县下辖区域坐标
{"汉华街道":[112.37421324799652,32.54225347718112],"樊集乡":[112.40994761850119,32.63359771572494],"上庄乡":[112.3597051192315,32.67434188555769],"汉城街道":[112.36094269915571,32.51117858768949],"上港乡":[112.30734569814061,32.51646407924063],"五星镇":[112.3669865328884,32.42430167525478],"城郊乡":[112.37658888973797,32.48320783135925],"沙堰镇":[112.4673145594189,32.62241150381234],"施庵镇":[112.53901456857403,32.59900300765931],"歪子镇":[112.38843039887945,32.73671677357051],"王庄镇":[112.44491971523591,32.41235155458914],"王集镇":[112.30565068278685,32.61353692216456],"前高庙乡":[112.51107494877168,32.46570819477795],"新甸铺镇":[112.28712461986255,32.39541596619657],"溧河铺镇":[112.47033154250663,32.5058779757851]}
