数据大屏可视化 项目中会有渲染地图的需要,除了百度地图以及高德地图外,也会需要echarts或者threejs效果的地图,今天为大家整理南阳市内乡县echarts地图和threejs地图效果实例供大家参考。地图基于geoJson数据绘制。
内乡县是河南省南阳市下辖县,位于河南省西南部,南阳盆地西缘。东接镇平,南连邓州,西邻淅川、西峡,北依嵩县、南召。自古有“守八百里伏牛之门户,扼秦楚交通之要津”之说。
总面积2465平方公里,耕地73万亩,辖区16个乡镇。其中:12个镇、4个乡,288个村委会,8个居委会,3842个村民小组。 根据第七次人口普查数据,截至2020年11月1日零时,内乡县常住人口549068人。
echarts南阳市内乡县geoJson地图点击地图插小旗
echarts地图渲染点击地图显示自定义效果实例,效果类似点击插小旗的效果,通过scatter实现.
echarts南阳市内乡县geoJson地图定义颜色
echarts地图通过visualMap来事先设置好数据区间,根据区间来来显示地图的颜色,这里的visualMap数据是随机生成的,可以通过实例代码根据自己的需要配置颜色和数据区间.
echarts南阳市内乡县geoJson地图地图排行榜效果
echarts地图根据数据渲染不同颜色的地图,并根据数据大小显示前10名的排序效果,属于地图map类型和柱状图bar类型混合效果
threejs南阳市内乡县geoJson地图3d地图css2d标签
通过threejs绘制的3d地图css2d标签实例,CSS2D面向摄像机,不随场景缩放而缩放,如果想系统的学习threejs的话,可以观看threejs课程视频 WebGL/Three.js前端高薪3D可视化
threejs南阳市内乡县geoJson地图3d地图自定义贴图加CSS3D标签
通过threejs绘制3d地图并添加CSS3D标签和自定义贴图,如果想系统的学习threejs的话,可以观看threejs视频教程 WebGL 3D可视化教程
threejs南阳市内乡县geoJson地图3d地图添加描边效果
通过threejs绘制3d地图使用outlinePass 实现发光描边效果,如果对threejs感兴趣,可以观看threejs视频课程 WebGL 3D可视化教程
南阳市内乡县下辖有大桥乡,湍东镇,板场乡,桃溪镇,灌涨镇,王店镇,瓦亭镇,砟岖乡,余关乡,城关镇,师岗镇,夏馆镇,赤眉镇,赵店乡,七里坪乡,马山口镇
南阳市内乡县下辖区域坐标
{"大桥乡":[111.85284701823485,32.99611134374481],"湍东镇":[111.81570479719451,33.0620813549484],"板场乡":[111.6780645805687,33.42707154109252],"桃溪镇":[111.63191867086834,33.07284087410745],"灌涨镇":[111.9481009247368,33.02760770534002],"王店镇":[111.94307865320015,33.12225998801303],"瓦亭镇":[111.67375993506981,32.87946925232735],"砟岖乡":[111.68191235117786,32.9928025791169],"余关乡":[111.89197375984769,33.19859805384355],"城关镇":[111.84628721619029,33.04762818533557],"师岗镇":[111.7887702774664,32.94017170658205],"夏馆镇":[111.83732325395304,33.4567727454868],"赤眉镇":[111.79220844079447,33.22533139283661],"赵店乡":[111.77381912783278,33.11130196135297],"七里坪乡":[111.89549522409146,33.38471471205753],"马山口镇":[112.01153157408473,33.26287611943763]}