echarts甘南藏族自治州舟曲县geoJson地图热力图效果

echarts yekong

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

舟曲县,隶属于 甘肃省 甘南藏族自治州。位于甘肃南部,甘南藏族自治州东南部,截止2021年,舟曲县下辖15个镇、4个乡,4个社区及208个行政村和403个自然村。2021年,舟曲县总人口(户籍人口)14.41万人,常住人口12.51万人。

echarts甘南藏族自治州舟曲县geoJson地图热力图

echarts通过heatmap实现热力图效果

echarts甘南藏族自治州舟曲县geoJson地图热力图

echarts甘南藏族自治州舟曲县geoJson地图自定义引导线

echarts地图渲染中,会遇到多个地名凑到一块导致名称重叠的情况,这时候我们可以通过一条线指向对应的位置并通过label来进行标注的效果.

echarts甘南藏族自治州舟曲县geoJson地图自定义引导线

echarts甘南藏族自治州舟曲县geoJson地图 visualMap控制地图颜色

echarts地图使用visualMap通过一组颜色及一组数据来实现地图不同区域根据不同数据进行颜色变化

echarts甘南藏族自治州舟曲县geoJson地图 visualMap控制地图颜色

threejs甘南藏族自治州舟曲县geoJson地图3d地图CSS3D标签

通过threejs绘制的3d地图CSS3D标签实例,CSS3D不面向摄像机,跟随场景缩放,可以通过rotateY调整角度,通过scale调整大小,如果想系统的学习threejs的话,可以观看threejs课程视频 WebGL/Three.js前端3D可视化教程

threejs甘南藏族自治州舟曲县geoJson地图3d地图CSS3D标签

threejs甘南藏族自治州舟曲县geoJson地图3d地图CSS2D外加旋转棱锥

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

threejs甘南藏族自治州舟曲县geoJson地图3d地图CSS2D外加旋转棱锥

threejs甘南藏族自治州舟曲县geoJson地图3d地图添加旋转棱锥

通过threejs绘制3d地图并在指定经纬度上添加带波纹效果不停旋转的棱锥效果实例

threejs甘南藏族自治州舟曲县geoJson地图3d地图添加旋转棱锥

甘南藏族自治州舟曲县 下辖有 曲瓦乡,果耶乡,武坪乡,东山乡,南峪乡,博峪乡,坪定乡,城关镇,大峪乡,大川镇,江盘乡,八楞乡,峰迭镇,巴藏乡,憨班乡,拱坝乡,插岗乡,立节乡,曲告纳乡

甘南藏族自治州舟曲县下辖区域坐标

{"曲瓦乡":[103.93835768315392,33.8847690400469],"果耶乡":[104.42962024584392,33.63662804277983],"武坪乡":[104.25222456566253,33.66388502296738],"东山乡":[104.46973326626824,33.75165809981758],"南峪乡":[104.37535012893466,33.69779156685765],"博峪乡":[104.33212956217,33.42689460957169],"坪定乡":[104.28435675436654,33.84794415368607],"城关镇":[104.36279066662564,33.77289156603895],"大峪乡":[104.04083085293186,33.81201156506551],"大川镇":[104.453667773939,33.71129402967599],"江盘乡":[104.3652186841905,33.75672344348416],"八楞乡":[104.52108515627916,33.58976512593455],"峰迭镇":[104.21342071461521,33.78118495970315],"巴藏乡":[104.06322880317505,33.9440336250241],"憨班乡":[104.19184075493158,33.89598572738998],"拱坝乡":[104.49176658710304,33.48605621290842],"插岗乡":[104.30258075709258,33.54263764934562],"立节乡":[104.10171825216588,33.88371865975182],"曲告纳乡":[104.62009465059646,33.3710932674723]}

甘南藏族自治州舟曲县行政划分代码

[{"name":"曲瓦乡","code":"623023200000"},{"name":"果耶乡","code":""},{"name":"武坪乡","code":""},{"name":"东山乡","code":""},{"name":"南峪乡","code":"623023208000"},{"name":"博峪乡","code":""},{"name":"坪定乡","code":""},{"name":"城关镇","code":"623023100000"},{"name":"大峪乡","code":""},{"name":"大川镇","code":"623023101000"},{"name":"江盘乡","code":""},{"name":"八楞乡","code":"623023210000"},{"name":"峰迭镇","code":"623023102000"},{"name":"巴藏乡","code":""},{"name":"憨班乡","code":""},{"name":"拱坝乡","code":""},{"name":"插岗乡","code":"623023212000"},{"name":"立节乡","code":""},{"name":"曲告纳乡","code":""}]

说明

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

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

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

甘南藏族自治州舟曲县echarts地图效果实例和threejs地图效果实例下载

相关文件下载地址
此资源需支付 ¥10 后下载
支付宝购买扫右侧红包码购买更优惠,如无法下载请联系微信:17331886870
喜欢
echarts甘南藏族自治州舟曲县geoJson地图热力图效果