echarts兴安盟扎赉特旗geoJson地图局部颜色渐变效果

echarts yekong

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

扎赉特旗位于自治区东北部,地处大兴安岭南麓向松嫩平原延伸的过渡地带,位于黑龙江、吉林、内蒙古三省区交界处。全旗面积11837平方公里,辖8个镇、2个乡、3个苏木和1个乡级国营种畜场,196个嘎查村、684个自然屯。根据第七次人口普查数据,截至2020年11月1日零时,扎赉特旗常住人口为315153人。

echarts兴安盟扎赉特旗geoJson地图局部颜色渐变

echarts地图渲染,通过echarts.graphic.LinearGradient线性渐变来实现地图区域颜色的渐变效果

echarts兴安盟扎赉特旗geoJson地图局部颜色渐变

echarts兴安盟扎赉特旗geoJson地图定义颜色

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

echarts兴安盟扎赉特旗geoJson地图定义颜色

echarts兴安盟扎赉特旗geoJson地图全局颜色渐变

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

echarts兴安盟扎赉特旗geoJson地图全局颜色渐变

threejs兴安盟扎赉特旗geoJson地图3d地图CSS2D外加旋转棱锥

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

threejs兴安盟扎赉特旗geoJson地图3d地图CSS2D外加旋转棱锥

threejs兴安盟扎赉特旗geoJson地图3d地图鼠标移入显示标签并高亮

通过threejs绘制的3d地图鼠标移入显示标签并高亮

threejs兴安盟扎赉特旗geoJson地图3d地图鼠标移入显示标签并高亮

threejs兴安盟扎赉特旗geoJson地图3d地图css2d标签

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

threejs兴安盟扎赉特旗geoJson地图3d地图css2d标签

兴安盟扎赉特旗 下辖有 保安沼监狱,努文牧仁乡,巴彦高勒镇,巴达尔胡镇,乌塔其监狱,阿尔本格勒镇,宝力根花苏木乡,巴彦乌兰苏木乡,阿拉达尔吐苏木乡,巴达尔胡农场,乌兰监狱,种畜场,八一牧场,图牧吉镇,好力保乡,胡尔勒镇,音德尔镇,图牧吉劳管所,巴彦扎拉嘎乡,新林镇

兴安盟扎赉特旗下辖区域坐标

{"保安沼监狱":[123.37250733398537,46.70904248446368],"努文牧仁乡":[123.39648026198512,46.8418696114539],"巴彦高勒镇":[122.52420555075189,46.56242897638145],"巴达尔胡镇":[122.41507907565438,46.82964342669287],"乌塔其监狱":[123.44060024423517,46.7483362443656],"阿尔本格勒镇":[122.36779346316375,47.03937882337755],"宝力根花苏木乡":[122.03502822968869,46.53555371757433],"巴彦乌兰苏木乡":[121.74564774316832,47.02659518727313],"阿拉达尔吐苏木乡":[121.7582901377676,46.79978483877379],"巴达尔胡农场":[122.3702243823121,46.70220217209987],"乌兰监狱":[123.30383402443888,46.80134448639215],"种畜场":[121.65560084014204,46.95977015472344],"八一牧场":[122.41085681131287,46.42796250055868],"图牧吉镇":[122.94800155816421,46.27709762812883],"好力保乡":[123.22253397370528,46.70014888688997],"胡尔勒镇":[122.08032302754694,46.68437143140049],"音德尔镇":[122.8887985686925,46.62705467047867],"图牧吉劳管所":[122.95695060611241,46.15183375163652],"巴彦扎拉嘎乡":[122.73356457131908,46.94457025716805],"新林镇":[122.45240783056194,47.15192426854753]}

说明

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

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

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

兴安盟扎赉特旗echarts地图效果实例和threejs地图效果实例下载

相关文件下载地址
此资源需支付 ¥10 后下载
支付宝购买扫右侧红包码购买更优惠,如无法下载请联系微信:17331886870
喜欢
echarts兴安盟扎赉特旗geoJson地图局部颜色渐变效果