echarts甘孜藏族自治州德格县geoJson地图定义颜色代码演示

geoJson2 yekong

数据可视化大屏 项目中经常需要渲染echarts地图,为了不同城市快速实现,将不同城市的echarts地图效果整理出来,今天为大家整理甘孜藏族自治州德格县echarts地图和threejs地图效果实例。地图基于geoJson数据绘制。

echarts甘孜藏族自治州德格县geoJson地图定义颜色

echarts地图通过visualMap来事先设置好数据区间,根据区间来来显示地图的颜色,这里的visualMap数据是随机生成的,可以通过实例代码根据自己的需要配置颜色和数据区间.

echarts甘孜藏族自治州德格县geoJson地图定义颜色

echarts甘孜藏族自治州德格县geoJson地图热力图

echarts通过heatmap实现热力图效果

echarts甘孜藏族自治州德格县geoJson地图热力图

echarts甘孜藏族自治州德格县geoJson地图全局颜色渐变

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

echarts甘孜藏族自治州德格县geoJson地图全局颜色渐变

threejs甘孜藏族自治州德格县geoJson地图3d地图自定义贴图加CSS2D标签

通过threejs绘制3d地图并添加CSS2D标签和自定义贴图,如果想系统的学习threejs的话,可以观看threejs视频教程 Three.js视频教程3D可视化

threejs甘孜藏族自治州德格县geoJson地图3d地图自定义贴图加CSS2D标签

threejs甘孜藏族自治州德格县geoJson地图3d地图指定区域闪烁

通过threejs绘制3d地图并让指定区域闪烁

threejs甘孜藏族自治州德格县geoJson地图3d地图指定区域闪烁

threejs甘孜藏族自治州德格县geoJson地图3d地图css2d标签

通过threejs绘制的3d地图css2d标签实例,CSS2D面向摄像机,不随场景缩放而缩放 vue3 threejs实现在3d地图中绘制css2d地名

threejs甘孜藏族自治州德格县geoJson地图3d地图css2d标签

甘孜藏族自治州德格县 下辖有 中扎科乡,更庆镇,亚丁乡,俄南乡,八帮乡,俄支乡,所巴乡,浪多乡,岳巴乡,年古乡,打滚乡,普马乡,温拖乡,卡松渡乡,然姑乡,玉隆乡,白垭乡,窝公乡,竹庆乡,达马乡,错阿乡,阿须乡,龚垭乡,柯洛洞乡,汪布顶乡,马尼干戈乡

甘孜藏族自治州德格县下辖区域坐标

{"中扎科乡":[99.46936155514379,32.05620053983702],"更庆镇":[98.6381137184818,31.8491051942475],"亚丁乡":[99.1884017986682,32.42969506637574],"俄南乡":[98.34799148876832,32.24325151968302],"八帮乡":[98.80330234147306,31.67144958530665],"俄支乡":[98.41111953920128,32.33444425049839],"所巴乡":[99.11709904388303,32.51186898690943],"浪多乡":[98.9480972715865,32.30155594978656],"岳巴乡":[99.15821105972782,31.6054444202619],"年古乡":[99.30080663691851,32.14765247662665],"打滚乡":[99.14224339277621,32.57093943467964],"普马乡":[98.93487508924896,31.75805624817814],"温拖乡":[99.23604964619823,32.28142609818863],"卡松渡乡":[98.4290433380533,32.07875432760957],"然姑乡":[99.42888573482588,32.33870200697386],"玉隆乡":[99.32583139092624,31.89299638569515],"白垭乡":[98.8200620106617,31.50090716492134],"窝公乡":[99.11640644447866,32.04377239796555],"竹庆乡":[98.7410768143896,32.19472739733957],"达马乡":[99.00074544470979,31.6901457873139],"错阿乡":[99.4453095664961,31.79694233258628],"阿须乡":[98.92594330949774,32.48966367674821],"龚垭乡":[98.62260935046234,31.66617322847922],"柯洛洞乡":[98.70182109939068,32.03590033696367],"汪布顶乡":[98.46856668792398,31.86186039397639],"马尼干戈乡":[99.11606434683728,31.89173857281733]}

甘孜藏族自治州德格县行政划分代码

[{"name":"中扎科乡","code":""},{"name":"更庆镇","code":"513330100000"},{"name":"亚丁乡","code":"513330223000"},{"name":"俄南乡","code":"513330209000"},{"name":"八帮乡","code":"513330203000"},{"name":"俄支乡","code":"513330211000"},{"name":"所巴乡","code":""},{"name":"浪多乡","code":"513330220000"},{"name":"岳巴乡","code":"513330202000"},{"name":"年古乡","code":"513330219000"},{"name":"打滚乡","code":""},{"name":"普马乡","code":""},{"name":"温拖乡","code":""},{"name":"卡松渡乡","code":"513330208000"},{"name":"然姑乡","code":""},{"name":"玉隆乡","code":"513330213000"},{"name":"白垭乡","code":"513330205000"},{"name":"窝公乡","code":""},{"name":"竹庆乡","code":""},{"name":"达马乡","code":""},{"name":"错阿乡","code":""},{"name":"阿须乡","code":""},{"name":"龚垭乡","code":""},{"name":"柯洛洞乡","code":"513330207000"},{"name":"汪布顶乡","code":"513330206000"},{"name":"马尼干戈乡","code":""}]

说明

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

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

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

4、当前除了包含有关键地区的geoJson地图信息外还包含有28个echarts地图效果,以及13个threejs地图实例效果,限于篇幅不一一展示,可以通过更多echarts和threejs地图效果实例查看

甘孜藏族自治州德格县echarts地图效果实例和threejs地图效果实例下载

相关文件下载地址
此资源需支付 ¥10 后下载
支付宝购买扫右侧红包码购买更优惠,如无法下载请联系微信:17331886870
喜欢
echarts甘孜藏族自治州德格县geoJson地图定义颜色代码演示