在vue上使用cesium开发三维地图-webgis功能介绍

以前端webGIS开发工程师的角度,讲述关于GIS的知识,带大家快速了解下webGIS的知识。

在vue上使用cesium开发三维地图-webgis功能介绍
推荐使用NSDT 3DConvert进行3D模型格式转换,支持glb、obj、stp、fbx、ifc等多种3D模型格式之间进行互相转换,在转换过程中,能够很好的保留模型原有的颜色、材质等信息。

webgis功能介绍

地图加载

这个很好理解,就是你打开网页,页面一加载,你在屏幕上第一个看到的就是一张地图,然后各种各样的东西纷纷在地图上加载出来,像接下来要说的点位弹框,这属于静态的画面,还有动态的功能,比方说定位动画等等。

我们通常把这张地图称为底图,后续的点位之类的东西都是在这张底图上放置。

点位加载

这里在cesium官网没找到合适的图,就用leaflet的示例图看下,效果是一样的,大家把leaflet的底图当成cesium的底图就好。

点位弹框

这个也是字面意思,在地图上加载出点位信息的基础上,在点位正上方出现一个弹框,或者其他方向出现一个弹框。

点位定位

这个其实也很好理解,就是让点位回到地图中央。地图是可以拖动的,对吧,地图拖动的时候,地图上的点位也跟着地图移动。我把地图拖动之后,点击拖动之后的点位,这个点位就到了地图的中央。

其他

以上都是最最基础的功能,基本上每个webgis的项目,这些功能都是标配的。

当然,还有一些高级一点的功能,比方说,反向溯源河流流动扩散克里金凸包等等。

在vue上使用cesium开发三维地图 - 索引

在vue上使用cesium开发三维地图-常用地图开发框架

在vue上使用cesium开发三维地图-坐标系、webGIS简介

在vue上使用cesium开发三维地图-webgis功能介绍

在vue上使用cesium开发三维地图-地图加载

在vue上使用cesium开发三维地图-地图加载项目学习

在vue上使用cesium开发三维地图-点位加载

在vue上使用cesium开发三维地图-点位弹框

在vue上使用cesium开发三维地图-定位及优化

在vue上使用cesium开发三维地图-点击波纹特效

在vue上使用cesium开发三维地图-波纹特效偏移问题

在vue上使用cesium开发三维地图-点位悬空

在vue上使用cesium开发三维地图-加载三维数据

NSDT场景编辑器 | NSDT 数字孪生 | GLTF在线编辑器 | 3D模型在线转换 | UnrealSynth虚幻合成数据生成器 | 3D模型自动纹理化工具
2023 power by nsdt©鄂ICP备2023000829号