【Cesium开发实战】相机捕捉功能，获取当前视图，设定分辨率可下载当前视图图片

于 2024-08-13 08:54:52 发布
阅读量290 收藏
点赞数 6
分类专栏： Cesium项目实战 文章标签： Cesium Vue3 视图捕捉
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_34512796/article/details/140993490
版权

Cesium有很多很强大的功能，可以在地球上实现很多炫酷的3D效果。今天给大家分享一个相机捕捉功能，支持可以按照设定的分辨率下载当前视角的缩略图。

1.话不多说，先展示

相机快照

2.设计思路

根据项目需求要求，点击快照捕捉按钮可截取当前视角视图为缩略图，并弹框可输入视图名称和设置视图分辨率，点击确定可形成一条数据，展示缩略图，点击下载可下载到本地相对应分辨率的缩略图。

3.具体代码

<
了解本专栏 订阅专栏 解锁全文 超级会员免费看
成功之路必定艰辛
关注
专栏目录
订阅专栏
CesiumJS【Basic】- #093 当前的视图保存为图片
AlanL的专栏
07-14 65
当前的视图保存为图片
67.（cesium篇）cesium绕中心点旋转（基于当前视图信息）.zip
12-17
下载如有问题，可私信博主。下载前建议先查看博客内容，其地址为：https://blog.csdn.net/QQ98281642/article/details/121994391
cesium获取当前视角参数
zxl9669的博客
05-24 1118
获取当前屏幕中心的经纬度坐标、笛卡尔坐标、heading、pitch、roll参数。
Cesium获取当前相机位置及视角
dyh17630178424的博客
04-25 1005
场景视角调整为我们想要的视角，输入以下命令，即可获取到相关位置信息。-
cesium获取当前视角高度
D_bel的博客
04-13 550
this.viewer.scene.globe.ellipsoid.cartesianToCartographic(this.viewer.camera.position).height;
Cesium笔记 获取当前视角的坐标以及偏航角等信息
qq_40216244的博客
03-26 336
【代码】Cesium笔记 获取当前视角的坐标以及偏航角等信息。
cesium 获取圆形边界位置_Cesium 获取当前视图范围
weixin_32019577的博客
02-01 1057
Cesium作为一个开源的WebGlobe解决方案已经很牛了，不过因为开发的资料不多，很多功能不知道怎么实现。下面记录下自己获取Cesium当前场景范围的方法(2维中对应的是extent)。extent其实对我们有用的也就是左上角和右下角坐标，于是首先应该想办法实现的是获取场景左上角和右下角的经纬度坐标。接下来说下point1和point2获取方法。我没有发现Cesium有直接获取范围的方法，不过...
CESIUM 获取当前视图范围
albatorsss的博客
05-20 1758
CESIUM 获取当前视图范围 点击跳转至原文 侵删 getPickRay方法 官方解释是： Create a ray from the camera position through the pixel at windowPosition in world coordinates. 大体意思是：能够通过屏幕坐标转换成经纬度坐标。屏幕坐标的话，我们可以通过div位置来获取，这样屏幕的左上角坐标和右下角坐标是可以很容易获取到的。 以下是获取左上角和右下角的详细代码： let pt1 = new Cesium.
Cesium 静止鼠标中键调整视角到地下（带地形时）
05-25
Cesium调整视角时会进入地下，相机会从地下看地上网格，体验很不好。此代码控制相机俯角，禁止相机俯角从下往上看，同时可以再把视角拉高。 使用方法 在页面Cesium初始化viewer后加入代码，Jquery动态加载js方式：$.getScript("js/disableUndergroud.js");
Cesium获取当前地图分辨率
giscoder的博客
11-26 2261
最近在做Cesium加载矢量切片的过程中，需要获取当前地图的分辨率，在网上查找资料，一直没能找到合适的。无意间发现一种方法可用来计算分辨率，不知是否正确，现记录下来。 思路 1.获取屏幕距离为1像素的两个点在地图上的地理坐标； 2.计算这两个点之间的距离。 代码 let scene = viewer.scene; // 获取画布的大小 var width = scene.canvas.client...
Cesium之获取当前视野的位置和视角等信息
D_lunar的博客
09-26 5717
我们可以用下面两种方式来设置模型的初始位置和视角等，但有一个关键的问题就是，如何获取位置和视角？方法很简单，加载模型后，将模型调整到合适的位置和视角，然后F12打开控制台工具，输入下面的内容获取位置和视角。
GIS Cesium 控制相机的视角定位 （控制台获取当前视角）
最新发布
callBack_____的博客
06-22 175
【代码】GIS 控制相机的视角定位 （控制台获取当前视角）
超图 cesium 当前视点记录和解析使用
weixin_44170672的博客
06-24 271
视点解析
cusium常见操作：截图（快照功能）
happy81997的博客
03-01 960
cusium常见操作：截图（快照功能）
Cesium获取当前视角相机的离地高度
qq_53479183的博客
03-21 2187
Cesium相机高度
Cesium截屏
wo_buzhidao的博客
06-09 2621
1.实现cesium截屏功能，有时候截屏中没有cesium里面的要素，需要在地球初始化options里面配置如下代码 "contextOptions": { "webgl": { "alpha": true, "depth": false, "stencil": true, "antialias": true, "premultipliedAlpha": true, "preserveDrawing
cesium弹窗随位置移动
01-17
Cesium是一个开源的JavaScript库，用于创建基于地球的3D地理信息系统（GIS）应用程序。它提供了丰富的功能，包括地球表面上的相机导航、地理数据的可视化和交互等。 当我们需要在Cesium中创建弹窗并随位置移动时，可以通过以下步骤实现： 首先，我们需要在HTML页面中引入Cesium库文件，这样我们就可以在JavaScript代码中使用Cesium的功能。 然后，在JavaScript代码中，我们需要创建一个弹窗的HTML元素，并设置其样式与内容。可以使用CSS样式来控制弹窗的外观，以及在弹窗中显示的文本和图像等。 接下来，我们需要为Cesium的相机导航事件添加监听器。例如，当用户单击地球上的某个位置时，我们可以捕捉到相应的鼠标点击事件。在该事件监听器中，我们可以根据鼠标点击的位置计算出弹窗应该出现的位置，并通过设置弹窗元素的位置属性来实现弹窗的移动。 最后，我们可以使用Cesium提供的函数来将弹窗添加到地球上。通过设置弹窗的位置和内容，我们可以确保弹窗始终位于所需的位置，并与地球的其他元素进行交互。 总的来说，通过结合Cesium的功能和JavaScript的事件监听机制，我们可以实现一个随位置移动的弹窗。这样用户在与地球进行交互时，可以方便地查看与所选位置相关的信息。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

打赏作者

成功之路必定艰辛

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

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

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

打赏作者

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

抵扣说明：

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

余额充值