数据大屏可视化 项目中会有渲染地图的需要,除了百度地图以及高德地图外,也会需要echarts或者threejs效果的地图,今天为大家整理南阳市唐河县echarts地图和threejs地图效果实例供大家参考。地图基于geoJson数据绘制。
唐河县,隶属河南省南阳市,位于河南省西南部,豫鄂二省交界处,西近南阳市宛城区,南接湖北枣阳市,东邻桐柏县和驻马店市泌阳县,北连社旗县。古代为京都长安、洛阳通向江汉平原的官道,物阜民丰,历来为兵家必争之地。总面积2512平方公里,辖4个街道、14个镇、5个乡根据第七次人口普查数据,截至2020年11月1日零时,唐河县常住人口1052978人。
echarts南阳市唐河县geoJson地图定义颜色
echarts地图通过visualMap来事先设置好数据区间,根据区间来来显示地图的颜色,这里的visualMap数据是随机生成的,可以通过实例代码根据自己的需要配置颜色和数据区间.
echarts南阳市唐河县geoJson地图自定义引导线
echarts地图渲染中,会遇到多个地名凑到一块导致名称重叠的情况,这时候我们可以通过一条线指向对应的位置并通过label来进行标注的效果.
echarts南阳市唐河县geoJson地图热力图
echarts通过heatmap实现热力图效果
threejs南阳市唐河县geoJson地图3d地图
通过threejs绘制的3d地图实例,如果对threejs感兴趣,可以观看threejs教程视频 Three.js前端3D可视化
threejs南阳市唐河县geoJson地图3d地图添加旋转棱锥
通过threejs绘制3d地图并在指定经纬度上添加带波纹效果不停旋转的棱锥效果实例,如果想系统的学习threejs的话,可以观看threejs教程视频 Three.js前端3D可视化教程
threejs南阳市唐河县geoJson地图3d地图添加金色效果
通过threejs绘制3d地图使用outlinePass实现金色描边效果,并通过edgeStrength增加强度,让描边更清晰,如果对threejs感兴趣,可以观看threejs教程视频 WebGL 3D可视化教程
南阳市唐河县下辖有古城乡,祁仪乡,黑龙镇,上屯镇,城郊乡,龙潭镇,张店镇,文峰街道,昝岗乡,桐河乡,毕店镇,湖阳镇,源潭镇,苍台镇,郭滩镇,东兴街道,滨河街道,大河屯镇,少拜寺镇,桐寨铺镇,东王集乡,马振抚乡
南阳市唐河县下辖区域坐标
{"古城乡":[112.94292082273242,32.67070370436737],"祁仪乡":[112.90817927577018,32.45314747314193],"黑龙镇":[112.74130526907913,32.49450471268204],"上屯镇":[112.74180983711774,32.57697502447962],"城郊乡":[112.84484088467121,32.64308188120408],"龙潭镇":[112.63173023557492,32.42018352276073],"张店镇":[112.58639561014647,32.63855810578424],"文峰街道":[112.85068058051772,32.68504767985161],"昝岗乡":[112.86403752742089,32.5779304306421],"桐河乡":[112.77569573958895,32.86913134790723],"毕店镇":[113.03492618759844,32.64055899578237],"湖阳镇":[112.72311769588035,32.36163752564971],"源潭镇":[112.92374536593931,32.79163316053478],"苍台镇":[112.54575307168835,32.44384624940781],"郭滩镇":[112.63112098714885,32.53992714138703],"东兴街道":[112.61326557881125,32.65620754795712],"滨河街道":[112.80821104288235,32.67775049707497],"大河屯镇":[113.05604721254284,32.74041480470117],"少拜寺镇":[113.14200248576248,32.7737871659894],"桐寨铺镇":[112.72705678276648,32.79593274811271],"东王集乡":[113.17338291270357,32.65603017109109],"马振抚乡":[112.96580338521065,32.51262986469334]}