大屏数据可视化 项目中会有渲染地图的需要,除了百度地图以及高德地图外,也会需要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地图渲染后,有时候会需要点击后获取到经纬度信息,通过经纬度信息来查询一些内容,这里我们可以通过convertFromPixel来获取经纬度.
echarts周口市郸城县geoJson地图全局颜色渐变
echarts地图渲染时,除了局部区域渐变外也会遇到整个地图的颜色渐变效果,我们可以通过areaColor的linear-gradient来实现我们想要的效果
threejs周口市郸城县geoJson地图3d地图添加描边效果
通过threejs绘制3d地图使用outlinePass 实现发光描边效果,如果对threejs感兴趣,可以观看threejs视频教程 Three.js前端3D可视化教程
threejs周口市郸城县geoJson地图3d地图CSS2D外加旋转棱锥
通过threejs绘制3d地图CSS2D外加旋转棱锥效果,如果对threejs感兴趣,可以观看threejs课程视频 Three.js视频教程3D可视化
threejs周口市郸城县geoJson地图3d地图指定区域闪烁
通过threejs绘制3d地图并让指定区域闪烁,如果想系统的学习threejs的话,可以观看threejs课程视频 Three.js视频教程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地图效果展示。