echarts珠海市金湾区geoJson地图点击地图插小旗效果实例

echarts yekong 354℃

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

金湾区,广东省 珠海市 辖区,位于珠海市西南部,地处珠江出海口磨刀门与崖门之间的南海之滨。截至2019年,金湾区共辖4个镇(红旗、三灶、平沙、南水)及2个工业区(联港工业区、航空产业园区),区域面积571平方公里。根据第七次人口普查数据,截至2020年11月1日零时,金湾区常住人口446369人。

echarts珠海市金湾区geoJson地图点击地图插小旗

echarts地图渲染点击地图显示自定义效果实例,效果类似点击插小旗的效果,通过scatter实现.

echarts珠海市金湾区geoJson地图点击地图插小旗

echarts珠海市金湾区geoJson地图热力图

echarts通过heatmap实现热力图效果

echarts珠海市金湾区geoJson地图热力图

echarts珠海市金湾区geoJson地图水滴状气泡图

echarts地图渲染时,会通过一个水滴状小气泡来将数值渲染到地图上,我们可以可以通过scatter来实现我们想要的效果.

echarts珠海市金湾区geoJson地图水滴状气泡图

threejs珠海市金湾区geoJson地图3d地图CSS3D标签

通过threejs绘制的3d地图CSS3D标签实例,CSS3D不面向摄像机,跟随场景缩放,可以通过rotateY调整角度,通过scale调整大小,如果对threejs感兴趣,可以观看threejs视频课程 WebGL前端3D可视化教程

threejs珠海市金湾区geoJson地图3d地图CSS3D标签

threejs珠海市金湾区geoJson地图3d地图添加旋转棱锥

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

threejs珠海市金湾区geoJson地图3d地图添加旋转棱锥

threejs珠海市金湾区geoJson地图3d地图CSS2D外加旋转棱锥

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

threejs珠海市金湾区geoJson地图3d地图CSS2D外加旋转棱锥

珠海市金湾区下辖有三灶镇,南水镇,平沙镇,红旗镇,航空产业园,联港工业区

珠海市金湾区下辖区域坐标

{"三灶镇":[113.37675900070523,22.06520015678664],"南水镇":[113.11441544103465,21.89333229684542],"平沙镇":[113.1803377425581,22.0706044627384],"红旗镇":[113.31378654456192,22.08757125115851],"航空产业园":[113.35746210051707,21.99313696401169],"联港工业区":[113.28865943254613,22.10114452910066]}

说明

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

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

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

珠海市金湾区echarts地图效果实例和threejs地图效果实例下载

喜欢 (0)