【Cesium开发实战】视点信息功能的实现,双击保存当前视点为缩略图

Cesium有很多很强大的功能,可以在地球上实现很多炫酷的3D效果。今天给大家分享一个视点信息保存成缩略图的功能。

1.话不多说,先展示

视点信息

2.设计思路 根据项目需求,在Cesium地图中双击保存当前视点信息为缩略图,弹框输入视点的名称,和飞行时间(A视点飞向B视点的时间),列表展示名称、当前双击视点的X、Y、Z、Heading、Pitch、Roll、飞行时间,缩略图,可点击操作中删除即可删除列表数据,点击设为默认,即可进入当前模块时,默认飞向此视点。

3.具体代码

<
  • 5
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
实现Cesium地图的书签功能,您需要使用Cesium的Camera和Viewer对象来保存和加载书签。以下是一个实现Cesium地图书签功能的示例代码。 ```javascript // 获取当前地图的范围和放大级别 var viewer = new Cesium.Viewer('cesiumContainer'); var extent = viewer.camera.computeViewRectangle(); var zoomLevel = viewer.camera.zoomLevel; // 获取当前视角信息 var position = viewer.camera.position; var direction = viewer.camera.direction; var up = viewer.camera.up; // 保存书签 var bookmark = { name: 'My Bookmark', description: 'My bookmark description', extent: extent, zoomLevel: zoomLevel, position: position, direction: direction, up: up }; localStorage.setItem('bookmark', JSON.stringify(bookmark)); // 加载书签 var bookmarkJson = localStorage.getItem('bookmark'); if (bookmarkJson) { var bookmark = JSON.parse(bookmarkJson); viewer.camera.setView({ destination: bookmark.position, orientation: { direction: bookmark.direction, up: bookmark.up } }); viewer.camera.zoomToRect(bookmark.extent); } ``` 在这个示例代码中,我们使用localStorage来保存和加载书签。要保存书签,我们获取当前地图的范围和放大级别,以及当前视角信息,并将它们保存为一个包含这些属性的对象。然后,我们将该对象序列化为JSON格式,并将其保存到localStorage中。 要加载书签,我们从localStorage中获取保存的JSON数据,然后将其解析为一个包含书签属性的对象。然后,我们使用Cesium的Camera对象设置地图的视角和放大级别,以便恢复之前保存的书签。 请注意,这只是一个简单的示例代码,您可以根据自己的需求对其进行修改和扩展。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

成功之路必定艰辛

你的鼓励将是我创作的最大动力!

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值