echarts周口市郸城县geoJson地图地图排行榜效果实例代码

echarts yekong

大屏数据可视化 项目中会有渲染地图的需要,除了百度地图以及高德地图外,也会需要echarts或者threejs效果的地图,今天为大家整理周口市郸城县echarts地图和threejs地图效果实例供大家参考。地图基于geoJson数据绘制。

郸城县,隶属河南省周口市。地处河南省东部,介于北纬33°25'~33°49′,东经115°00’~115°38’之间。总面积1490平方千米。郸城县属暖温带大陆性季风气候。截至2021年10月,郸城县辖3个街道、8个镇、11个乡。县人民政府驻新城街道。截至2021年,郸城县总人口137.23万人。

echarts周口市郸城县geoJson地图地图排行榜效果

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

echarts周口市郸城县geoJson地图地图排行榜效果

echarts周口市郸城县geoJson地图点击地图获取经纬度

echarts地图渲染后,有时候会需要点击后获取到经纬度信息,通过经纬度信息来查询一些内容,这里我们可以通过convertFromPixel来获取经纬度.

echarts周口市郸城县geoJson地图点击地图获取经纬度

echarts周口市郸城县geoJson地图全局颜色渐变

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

echarts周口市郸城县geoJson地图全局颜色渐变

threejs周口市郸城县geoJson地图3d地图添加描边效果

通过threejs绘制3d地图使用outlinePass 实现发光描边效果,如果对threejs感兴趣,可以观看threejs视频教程 Three.js前端3D可视化教程

threejs周口市郸城县geoJson地图3d地图添加描边效果

threejs周口市郸城县geoJson地图3d地图CSS2D外加旋转棱锥

通过threejs绘制3d地图CSS2D外加旋转棱锥效果,如果对threejs感兴趣,可以观看threejs课程视频 Three.js视频教程3D可视化

threejs周口市郸城县geoJson地图3d地图CSS2D外加旋转棱锥

threejs周口市郸城县geoJson地图3d地图指定区域闪烁

通过threejs绘制3d地图并让指定区域闪烁,如果想系统的学习threejs的话,可以观看threejs课程视频 Three.js视频教程3D可视化

threejs周口市郸城县geoJson地图3d地图指定区域闪烁

周口市郸城县下辖有新城街道,张完集乡,城郊乡,宁平镇,白马镇,宜路镇,巴集乡,李楼乡,石槽镇,胡集乡,汲冢镇,汲水乡,秋渠乡,虎头岗乡,钱店镇,丁村乡,东风乡,洺北街道,南丰镇,洺南街道,双楼乡,吴台镇

周口市郸城县下辖区域坐标

{"新城街道":[115.15229191607716,33.634261409882],"张完集乡":[115.52369444758722,33.69742302003698],"城郊乡":[115.21787565997076,33.6555230158822],"宁平镇":[115.30312325016824,33.65268647017135],"白马镇":[115.53394511665378,33.60434658816302],"宜路镇":[115.28252223042152,33.47662686018283],"巴集乡":[115.08856097398146,33.61402776528185],"李楼乡":[115.10085667738267,33.75746269365421],"石槽镇":[115.2354318536767,33.55654380347072],"胡集乡":[115.17311352126019,33.70718405326841],"汲冢镇":[115.07400760364854,33.68110106973339],"汲水乡":[115.39542847496213,33.71399818841429],"秋渠乡":[115.34319838209657,33.53732094844429],"虎头岗乡":[115.30781018971123,33.73143346784481],"钱店镇":[115.12850227389893,33.56484196415488],"丁村乡":[115.40186219921836,33.61769710254094],"东风乡":[115.19007119679266,33.48778278959108],"洺北街道":[115.2030009803654,33.64904064689387],"南丰镇":[115.50074776629467,33.64291325165297],"洺南街道":[115.18906780796902,33.6343582913508],"双楼乡":[115.30911993100025,33.59392181229515],"吴台镇":[115.23831122301698,33.76680676750418]}

说明

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

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

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

周口市郸城县echarts地图效果实例和threejs地图效果实例下载

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