echarts河源市和平县geoJson地图地图排行榜效果效果实例

echarts yekong

随着开发 数据大屏可视化 项目越来越多,对地图的需求也各不相同,除了百度地图和高德地图外还会遇到echarts和threejs的需要,对地图的效果以及城市也各不相同,今天为大家整理河源市和平县echarts地图和threejs地图效果实例供大家参考。地图基于geoJson数据绘制。

和平县,隶属 广东省 河源市 ,位于广东省东北部、东江上游、粤赣边境的九连山区。辖区面积2292.08平方千米,辖17个镇。阳明镇是和平县城所在地。县境地形大致西北高东南低,境内浰江于东水镇汇入东江。2020年末,和平县辖区有常住人口35.39万人。

echarts河源市和平县geoJson地图地图排行榜效果

echarts地图根据数据渲染不同颜色的地图,并根据数据大小显示前10名的排序效果,属于地图map类型和柱状图bar类型混合效果

echarts河源市和平县geoJson地图地图排行榜效果

echarts河源市和平县geoJson地图全局颜色渐变

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

echarts河源市和平县geoJson地图全局颜色渐变

echarts河源市和平县geoJson地图点击跳转到指定页面

为图标添加点击事件,点击图标,跳转到指定页面

echarts河源市和平县geoJson地图点击跳转到指定页面

threejs河源市和平县geoJson地图3d地图指定区域闪烁

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

threejs河源市和平县geoJson地图3d地图指定区域闪烁

threejs河源市和平县geoJson地图3d地图添加金色效果

通过threejs绘制3d地图使用outlinePass实现金色描边效果,并通过edgeStrength增加强度,让描边更清晰

threejs河源市和平县geoJson地图3d地图添加金色效果

threejs河源市和平县geoJson地图3d地图CSS2D外加旋转棱锥

通过threejs绘制3d地图CSS2D外加旋转棱锥效果

threejs河源市和平县geoJson地图3d地图CSS2D外加旋转棱锥

河源市和平县下辖有上陵镇,东水镇,优胜镇,公白镇,古寨镇,合水镇,林寨镇,浰源镇,礼士镇,贝墩镇,长塘镇,青州镇,下车镇,大坝镇,彭寨镇,热水镇,阳明镇

河源市和平县下辖区域坐标

{"上陵镇":[114.96651822095367,24.60666364841032],"东水镇":[115.14497904555994,24.24110311989222],"优胜镇":[115.07700416938049,24.52674956643664],"公白镇":[114.96352056358374,24.29115013370556],"古寨镇":[115.16297031466026,24.37960240546719],"合水镇":[114.92072800481003,24.35349210637884],"林寨镇":[115.05847261048947,24.27502762631332],"浰源镇":[114.77212188987997,24.5365853989619],"礼士镇":[115.01360299518254,24.24067395761536],"贝墩镇":[115.1798278309237,24.47862747670571],"长塘镇":[115.18833779758906,24.59049285306849],"青州镇":[114.80118642317196,24.3484510699936],"下车镇":[115.1112155013167,24.64732275880484],"大坝镇":[114.9377155835287,24.53934073754846],"彭寨镇":[115.09140143493832,24.3835837150764],"热水镇":[114.80270308845886,24.44796977405817],"阳明镇":[114.94463314003862,24.42079393735668]}

说明

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

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

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

河源市和平县echarts地图效果实例和threejs地图效果实例下载

相关文件下载地址
此资源需支付 ¥10 后下载
支付宝购买扫右侧红包码购买更优惠,如无法下载请联系微信:17331886870
喜欢
echarts河源市和平县geoJson地图地图排行榜效果效果实例