echarts湛江市麻章区geoJson地图全局颜色渐变代码演示

echarts yekong 561℃

可视化大屏 项目中经常需要渲染echarts地图,为了不同城市快速实现,将不同城市的echarts地图效果整理出来,今天为大家整理湛江市麻章区echarts地图和threejs地图效果实例。地图基于geoJson数据绘制。

麻章区,广东省 湛江市 辖区,位于湛江市西南部,地处雷州半岛北部。截至2019年,麻章区共辖4个镇、3个街道、1个农场,区域总面积878平方公里。根据第七次人口普查数据,截至2020年11月1日零时,麻章区常住人口326154人。

echarts湛江市麻章区geoJson地图全局颜色渐变

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

echarts湛江市麻章区geoJson地图全局颜色渐变

echarts湛江市麻章区geoJson地图飞线图

echarts迁徙图实例,可以根据自己的需要配置飞线的颜色大小以及方向

echarts湛江市麻章区geoJson地图飞线图

echarts湛江市麻章区geoJson地图地图排行榜效果

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

echarts湛江市麻章区geoJson地图地图排行榜效果

threejs湛江市麻章区geoJson地图3d地图自定义贴图加CSS3D标签

通过threejs绘制3d地图并添加CSS3D标签和自定义贴图,如果对threejs感兴趣,可以观看threejs视频 Three.js 3D可视化

threejs湛江市麻章区geoJson地图3d地图自定义贴图加CSS3D标签

threejs湛江市麻章区geoJson地图3d地图添加旋转棱锥

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

threejs湛江市麻章区geoJson地图3d地图添加旋转棱锥

threejs湛江市麻章区geoJson地图3d地图鼠标移入显示标签并高亮

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

threejs湛江市麻章区geoJson地图3d地图鼠标移入显示标签并高亮

湛江市麻章区下辖有东简镇,民安镇,硇洲镇,东山镇,太平镇,湖光镇,湖光农场,麻章镇

湛江市麻章区下辖区域坐标

{"东简镇":[110.5005736293617,20.99985465221202],"民安镇":[110.28082584560488,21.00082353672414],"硇洲镇":[110.5921769218987,20.90795875961556],"东山镇":[110.3692862576849,21.04306154071091],"太平镇":[110.16495377934359,21.05384011045822],"湖光镇":[110.28009975038952,21.10383836192115],"湖光农场":[110.2250030947963,21.19264819630631],"麻章镇":[110.2718483227566,21.24852534014387]}

说明

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

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

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

湛江市麻章区echarts地图效果实例和threejs地图效果实例下载

喜欢 (0)