echarts湛江市遂溪县geoJson地图定义颜色效果

echarts yekong

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

遂溪县,隶属 广东省 湛江市,位于广东省西南部的雷州半岛上,西临北部湾,东临湛江港湾,地跨东经109°40′至110°25′、北纬21°00′至20°31′之间,管辖面积2131.63平方千米。截至2019年,遂溪县下辖15个镇、1个乡级单位,县政府驻遂城街道。截至2021年末,遂溪县户籍人口112.47万人。

echarts湛江市遂溪县geoJson地图定义颜色

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

echarts湛江市遂溪县geoJson地图定义颜色

echarts湛江市遂溪县geoJson地图点击地图获取经纬度

echarts地图渲染后,有时候会需要点击后获取到经纬度信息,通过经纬度信息来查询一些内容,这里我们可以通过convertFromPixel来获取经纬度.

echarts湛江市遂溪县geoJson地图点击地图获取经纬度

echarts湛江市遂溪县geoJson地图飞线图

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

echarts湛江市遂溪县geoJson地图飞线图

threejs湛江市遂溪县geoJson地图3d地图添加旋转棱锥

通过threejs绘制3d地图并在指定经纬度上添加带波纹效果不停旋转的棱锥效果实例,如果对threejs感兴趣,可以观看threejs课程视频 Three.js视频教程3D可视化

threejs湛江市遂溪县geoJson地图3d地图添加旋转棱锥

threejs湛江市遂溪县geoJson地图3d地图

通过threejs绘制的3d地图实例,如果对threejs感兴趣,可以观看threejs视频教程 WebGL/Three.js前端3D可视化教程

threejs湛江市遂溪县geoJson地图3d地图

threejs湛江市遂溪县geoJson地图3d地图添加金色效果

通过threejs绘制3d地图使用outlinePass实现金色描边效果,并通过edgeStrength增加强度,让描边更清晰,如果想系统的学习threejs的话,可以观看threejs视频课程 WebGL/Three.js前端高薪3D可视化

threejs湛江市遂溪县geoJson地图3d地图添加金色效果

湛江市遂溪县下辖有杨柑镇,江洪镇,河头镇,洋青镇,港门镇,界炮镇,草潭镇,乌塘镇,乐民镇,遂城镇,黄略镇,广前公司,北坡镇,城月镇,岭北镇,建新镇

湛江市遂溪县下辖区域坐标

{"杨柑镇":[109.93047246880411,21.30858279540349],"江洪镇":[109.71060530668379,21.05677612631876],"河头镇":[109.81096195368565,21.08913319893949],"洋青镇":[110.10222669592952,21.37206884693349],"港门镇":[109.80230529000049,21.2189814724683],"界炮镇":[109.95902912171766,21.38608107570457],"草潭镇":[109.80967201371686,21.30072374132344],"乌塘镇":[110.01619826349108,21.26253432574797],"乐民镇":[109.74153272938887,21.14667767126784],"遂城镇":[110.25231327783192,21.39873553043353],"黄略镇":[110.32029926658988,21.36317825518957],"广前公司":[110.07656840231012,21.26634377164328],"北坡镇":[109.91412867970985,21.20464086245076],"城月镇":[110.0687815811562,21.12854466003137],"岭北镇":[110.17096376263373,21.25412936996645],"建新镇":[110.1837017392312,21.14738136421175]}

说明

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

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

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

湛江市遂溪县echarts地图效果实例和threejs地图效果实例下载

喜欢