【vue-cesium】在vue上使用cesium开发三维地图(三)

4,899 阅读2分钟

这是我参与11月更文挑战的第6天,活动详情查看:2021最后一次更文挑战

前言

本系列往期文章:

  1. 【vue-cesium】在vue上使用cesium开发三维地图(一)
  2. 【vue-cesium】在vue上使用cesium开发三维地图(二)
  3. 【vue-cesium】在vue上使用cesium开发三维地图(二)续

今天主要介绍下webgis中那些基本算是标配的功能,常见的功能如下图:

image.png

webgis功能介绍

地图加载

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

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

cesium2.gif (这就是页面一加载,一张地图出来)

点位加载

这里在cesium官网没找到合适的图(ps 其实是后面的功能还没做好,做好了就把图补上来),就用leaflet的示例图看下,效果是一样的,大家把leaflet的底图当成cesium的底图就好

image.png

点位弹框

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

因为我查看cesium文档,没找到cesium的弹框也可能我没找到),所以cesium上的弹框,到时候我用div自己创建一个,大概样子就像leaflet的弹框差不多,不过到时候,弹框里面的内容我会自己定义

image.png

点位定位

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

其他

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

当然,还有一些高级一点的功能,比方说,反向溯源河流流动扩散克里金凸包等等。 后面有时间,也会写下来。

好了,基本的功能介绍到这,下篇文章开始一一实现这些基本功能。

都看到这里了,求各位观众大佬们点个赞再走吧,你的赞对我非常重要