echarts平顶山市汝州市geoJson地图区域闪烁演示实例

echarts yekong

大屏数据可视化 项目中经常会遇到需要渲染echarts地图的情况,为了方便不同城市快速实现效果,将不同城市的echarts地图效果整理出来,供大家参考,今天为大家整理的是平顶山市汝州市echarts地图和threejs地图效果实例。地图基于geoJson数据绘制。

汝州市,是河南省10个省直管县试点之一,行政区划隶属于 河南省 平顶山市。位于河南省中西部,建市前称临汝县,因北汝河贯穿全境而得名,总面积1573平方公里,总人口120万,辖21个乡镇街道,459个行政村。根据第七次人口普查数据,截至2020年11月1日零时,汝州常住人口974541人。

echarts平顶山市汝州市geoJson地图区域闪烁

echarts地图有时候为了突出某一块区域的重要性,会进行两个颜色的交替变化来告诉用户这一块需要重点关注,我们可以通过echarts的dispatchAction来实现我们想要的效果.

echarts平顶山市汝州市geoJson地图区域闪烁

echarts平顶山市汝州市geoJson地图label样式自定义

echarts通过scatter实例可以配置自己想要的图标,以及label文字的样式效果

echarts平顶山市汝州市geoJson地图label样式自定义

echarts平顶山市汝州市geoJson地图全局颜色渐变

echarts地图渲染时,除了局部区域渐变外也会遇到整个地图的颜色渐变效果,我们可以通过areaColor的linear-gradient来实现我们想要的效果

echarts平顶山市汝州市geoJson地图全局颜色渐变

threejs平顶山市汝州市geoJson地图3d地图添加旋转棱锥

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

threejs平顶山市汝州市geoJson地图3d地图添加旋转棱锥

threejs平顶山市汝州市geoJson地图3d地图自定义贴图加CSS3D标签

通过threejs绘制3d地图并添加CSS3D标签和自定义贴图,如果对threejs感兴趣,可以观看threejs教程视频 Three.js视频教程3D可视化

threejs平顶山市汝州市geoJson地图3d地图自定义贴图加CSS3D标签

threejs平顶山市汝州市geoJson地图3d地图

通过threejs绘制的3d地图实例,如果对threejs感兴趣,可以观看threejs教程视频 WebGL前端3D可视化教程

threejs平顶山市汝州市geoJson地图3d地图

平顶山市汝州市下辖有钟楼街道,煤山街道,风穴路街道,纸坊镇,骑岭乡,洗耳河街道,汝南街道,临汝镇,夏店乡,小屯镇,庙下镇,杨楼镇,温泉镇,焦村乡,王寨乡,米庙镇,大峪镇,寄料镇,蟒川镇,陵头镇

平顶山市汝州市下辖区域坐标

{"钟楼街道":[112.8726668533588,34.14751590063346],"煤山街道":[112.81279423735639,34.18639714188431],"风穴路街道":[112.8741400292662,34.18311277756982],"纸坊镇":[112.94874291042524,34.09225582257998],"骑岭乡":[112.8291714347747,34.22777220475011],"洗耳河街道":[112.79834589426727,34.17092787546877],"汝南街道":[112.84342127601147,34.11000180884464],"临汝镇":[112.6072325019617,34.2907512016907],"夏店乡":[112.73309700957077,34.28379242745183],"小屯镇":[112.92254271964646,34.04692256756668],"庙下镇":[112.69683293116914,34.24926917738022],"杨楼镇":[112.6605115848273,34.14083227597325],"温泉镇":[112.61232044373024,34.21217165779903],"焦村乡":[113.0338113515019,34.16948236853609],"王寨乡":[112.75221071416891,34.12287241080314],"米庙镇":[112.93299009493049,34.19329202724418],"大峪镇":[112.9939068311601,34.23848482083439],"寄料镇":[112.62369634314425,34.04531329721938],"蟒川镇":[112.76203815986088,34.01713571754042],"陵头镇":[112.81952899556146,34.28244360540074]}

说明

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

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

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

平顶山市汝州市echarts地图效果实例和threejs地图效果实例下载

相关文件下载地址
此资源需支付 ¥10 后下载
支付宝购买扫右侧红包码购买更优惠,如无法下载请联系微信:17331886870
喜欢
echarts平顶山市汝州市geoJson地图区域闪烁演示实例