echarts新乡市新乡县geoJson地图3d地图实例旋转动画实例代码

echarts yekong

数据可视化大屏 项目中经常需要渲染echarts地图,为了不同城市快速实现,将不同城市的echarts地图效果整理出来,今天为大家整理新乡市新乡县echarts地图和threejs地图效果实例。地图基于geoJson数据绘制。

新乡县,隶属于河南省新乡市,位于河南省北中部,太行山南麓,卫河上游。东与延津相连,西毗获嘉,南接原阳,北部与新乡市区的东、南、西三面相接。行政区域面积393平方千米。截至2021年1月,新乡县常住人口为37.4万。

echarts新乡市新乡县geoJson地图3d地图实例旋转动画

使用的是echarts-gl结合echarts实现的3d地图效果实例

echarts新乡市新乡县geoJson地图3d地图实例旋转动画

echarts新乡市新乡县geoJson地图阴影

echarts地图阴影效果实例,通过shadowColor控制阴影的颜色,通过shadowBlur控制范围,通过shadowOffsetX和shadowOffsetY控制偏移.

echarts新乡市新乡县geoJson地图阴影

echarts新乡市新乡县geoJson地图局部颜色渐变

echarts地图渲染,通过echarts.graphic.LinearGradient线性渐变来实现地图区域颜色的渐变效果

echarts新乡市新乡县geoJson地图局部颜色渐变

threejs新乡市新乡县geoJson地图3d地图添加描边效果

通过threejs绘制3d地图使用outlinePass 实现发光描边效果,如果想系统的学习threejs的话,可以观看threejs教程视频 WebGL前端3D可视化教程

threejs新乡市新乡县geoJson地图3d地图添加描边效果

threejs新乡市新乡县geoJson地图3d地图指定区域闪烁

通过threejs绘制3d地图并让指定区域闪烁,如果对threejs感兴趣,可以观看threejs视频 WebGL/Three.js前端3D可视化教程

threejs新乡市新乡县geoJson地图3d地图指定区域闪烁

threejs新乡市新乡县geoJson地图3d地图添加旋转棱锥

通过threejs绘制3d地图并在指定经纬度上添加带波纹效果不停旋转的棱锥效果实例,如果想系统的学习threejs的话,可以观看threejs视频 3D可视化Three.js视频教程

threejs新乡市新乡县geoJson地图3d地图添加旋转棱锥

新乡市新乡县下辖有合河乡,大召营镇,小冀镇,翟坡镇,七里营镇,古固寨镇,朗公庙镇,新乡经济开发区

新乡市新乡县下辖区域坐标

{"合河乡":[113.7426206196629,35.32965925344541],"大召营镇":[113.75361033997734,35.27445076120576],"小冀镇":[113.75372820422339,35.18919882757709],"翟坡镇":[113.78955462549688,35.23809252683691],"七里营镇":[113.80897522889214,35.13962379627584],"古固寨镇":[114.00392470995877,35.224155235278],"朗公庙镇":[113.89570446455241,35.18260789137809],"新乡经济开发区":[113.79695819329658,35.18962320668675]}

说明

1、根据《地图审核管理规定》、《互联网地图服务专业标准》等法规,本地图不作为境界线勘界等用处。使用中请查阅《中华人民共和国地图编制出版管理条例》、各地地图编制出版管理办法等地图规定按程序应用。

2、本数据是目前市面上较齐全、精度较高的数据,属性齐全,各大高校科研均在用此数据。

3、本数据仅用于echarts threejs地图效果展示。

新乡市新乡县echarts地图效果实例和threejs地图效果实例下载

相关文件下载地址
此资源需支付 ¥10 后下载
支付宝购买扫右侧红包码购买更优惠,如无法下载请联系微信:17331886870
喜欢
echarts新乡市新乡县geoJson地图3d地图实例旋转动画实例代码