CESIUM 获取当前视图范围

最新推荐文章于 2025-03-17 12:31:02 发布

Albatorsss

最新推荐文章于 2025-03-17 12:31:02 发布

阅读量1.9k

点赞数 1

文章标签： javascript

本文链接：https://blog.youkuaiyun.com/Albatorsss/article/details/117075679

版权

本文介绍了如何在CESIUM中利用getPickRay方法获取当前视图的左上角和右下角坐标，将屏幕坐标转换为经纬度坐标，详细提供了获取这些坐标的代码实现。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

CESIUM 获取当前视图范围

点击跳转至原文
侵删

getPickRay方法
官方解释是：
Create a ray from the camera position through the pixel at windowPosition in world coordinates.
大体意思是：能够通过屏幕坐标转换成经纬度坐标。屏幕坐标的话，我们可以通过div位置来获取，这样屏幕的左上角坐标和右下角坐标是可以很容易获取到的。
以下是获取左上角和右下角的详细代码：

let pt1 = new Cesium.Cartesian2(0,0);
let pt2

最低0.47元/天解锁文章

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

Albatorsss

关注关注

1
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

CesiumJS【Basic】- #084 当前视图的经纬度范围

AlanL的专栏

07-09

188

当前视图的经纬度范围

Cesium将经纬度转为屏幕坐标系并判断是否在当前视角可见

细雨纷飞~~~

08-29

2869

//1.计算屏幕坐标 let position = Cesium.Cartesiian3.fromDegrees(jd, wd, 0); let chanedc = Cesium.SceneTransforms.wgs84ToWindowCoordinates(viewer.scene, position); if(chanedc == undefined) return; //2.判断当前视角是否可见 let cameraOccluder = new Cesium.EllipsoidalOcclude.

参与评论您还未登录，请先登录后发表或查看评论

Cesium获取当前视图范围四至坐标

ONEGISER的博客

09-15

5278

在Cesium中三维的视图范围可通过viewer.camera.computeViewRectangle()获取； 2维和2.5维需要camera.pickEllipsoid接口，将cesium场景绘图区屏幕坐标转化为世界坐标，只需要输入当前场景左上角屏幕坐标（0,0）和右下角屏幕坐标（canvas.width, canvas.height）即可获取对应的世界坐标值，然后再使用ellipsoid.cartesianToCartographic接口将世界坐标转化为经纬度坐标 const extend = v

Cesium 入门教程（基于 vue3）

最新发布

2403_83182682的博客

03-17

2409

Cesium 是一个开源的 JavaScript 库，专门用于创建世界级的三维地球和地图可视化应用。它提供了强大的工具和功能，使开发者能够轻松地在浏览器中展示高分辨率的地形、影像以及三维模型。Cesium 支持多种数据格式，包括但不限于 3D Tiles、GeoJSON 和 glTF，这使得它成为处理地理空间数据的理想选择。无论是构建虚拟地球、城市规划模拟、还是气象数据分析，Cesium 都能提供必要的技术支持。此外，Cesium 还支持时间动态数据，允许用户通过时间轴查看历史数据变化或预测未来趋势。

Cesium 获取当前视图范围

weixin_34408717的博客

12-30

2087

Cesium作为一个开源的WebGlobe解决方案已经很牛了，不过因为开发的资料不多，很多功能不知道怎么实现。下面记录下自己获取Cesium当前场景范围的方法(2维中对应的是extent)。 extent其实对我们有用的也就是左上角和右下角坐标，于是首先应该想办法实现的是获取场景左上角和右下角的经纬度坐标。接下来说下point1和point2获取...

cesium获取当前可视矩形范围

专注GIS开发

04-14

4469

cesium获取当前可视矩形范围

cesium获取当前屏幕可视区域及level层

qq_43474235的博客

03-26

1691

在查看cesium文档时，根本找不到对应的获取层级的api,因为在三维区域只能获取到相机的高度，为此通过相机高度计算level层。获取当前屏幕的可视区域的经纬度。

cesium 获取圆形边界位置_Cesium 获取当前视图范围

weixin_32019577的博客

02-01

1174

Cesium作为一个开源的WebGlobe解决方案已经很牛了，不过因为开发的资料不多，很多功能不知道怎么实现。下面记录下自己获取Cesium当前场景范围的方法(2维中对应的是extent)。extent其实对我们有用的也就是左上角和右下角坐标，于是首先应该想办法实现的是获取场景左上角和右下角的经纬度坐标。接下来说下point1和point2获取方法。我没有发现Cesium有直接获取范围的方法，不过...

Cesium 获取地图视图的中心点位坐标

weixin_43802877的博客

07-29

566

【代码】Cesium 获取地图视图的中心点位坐标。

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

莫言情怼的博客

08-13

476

Cesium实现视图缩略图设定分辨率下载功能。

Cesium 获取当前摄像机的位置，当前视线范围

yk583443123的博客

07-01

4853

var viewer = new Cesium.Viewer("cesiumContainer"); function getCenterPosition() { var result = viewer.camera.pickEllipsoid(new Cesium.Cartesian2(viewer.canvas.clientWidth / 2, viewer.canvas .clientHeight / 2)); var curPosition = Cesium...

Cesium 判断位置是否在当前视口范围内

lzhlzhlzh_lzh的博客

07-17

627

在三维地理信息系统（GIS）应用中，判断一个位置是否在当前视口范围内是一个常见需求。本文将介绍一个使用 Cesium.js 库实现这一功能的函数 isPositionInViewport(）

Cesium 范围Bound获取（多边形wkt、xys、当前范围）

西柚2015地信小白GISer

04-13

4296

WKT WKT转XY点数组 /** * 将wkt转换为 X,Y,X,Y结构的数组 * @param {string} wkt 多边形的wkt * @returns */ WktToXY(wkt) { const coors = []; const xyzs = wkt.substring(wkt.indexOf("((") + 2, wkt.indexOf("))")); xyzs.split(",").forEach((e) => { .

Cesium 获取屏幕窗口经纬度范围（2D和3D）

yangniceyangyang的博客

06-24

3733

背景：由于entity实体过多，而又要一次性加载，所以用聚合(后台聚合)，聚合后台用的是pg的空间函数。前端去后台请求时需要要携带当前屏幕所在地理范围参数。解决方案： getViewExtend() { let params = {}; let extend = viewer.camera.computeViewRectangle(); if (typeof extend === "undefined") {//2D下会可能拾取不到坐标，extend返回.

Cesium 地图视角定位到某一个范围

前端小陈的成长记录

03-13

1440

Cesium地图视角定位到某一个范围

cesium设置地球大小和可视范围

weixin_42786237的博客

08-13

5085

cesium设置地球大小和可视范围地球大小设置：可通过摄像机视口远近来实现 Cesium.Camera.DEFAULT_VIEW_FACTOR=1.6//摄像机视口远近参数，可设置地球大小数值越小于0，视口越远，地球越小数值越大小于0，视口越近，地球越大地球显示地理位置设置以下代码默认显示中国 Cesium.Camera.DEFAULT_VIEW_RECTANGLE = Cesium.Rectangle.fromDegrees(90, -20, 110, 90);//西南东北，默认显示中国

cesium 和 turf 结合，判断点在不在面的范围里面

weixin_51944213的博客

08-28

1217

是坐标点位的实体对象，也可以直接传经纬度信息，这样就省去了转换，我这里是多做了一步转换处理。的范围内，在的话把点高亮显示，不在范围内的话就变暗显示。用于获取坐标点位实体点的经纬度信息。2.在封装一个方法，方法的参数。最近在项目中遇到一个需求。用于面的经纬度格式转换。

Cesium获取当前相机位置及视角

dyh17630178424的博客

04-25

1677

场景视角调整为我们想要的视角，输入以下命令，即可获取到相关位置信息。-

Cesium 获取当前场景坐标范围

晚秋的专栏

05-14

1353

getCesiumViewerExtend() { debugger; let params = {}; let extend = window.cesiumViewer.camera.computeViewRectangle(); if (typeof extend === "undefined") { //2D下会可能拾取不到坐标，extend返回undefined,所以做以下转换 let canvas = window.cesiumViewer.scene.c.

cesium获取当前视角参数

05-26

要获取Cesium中的当前视角参数，可以使用以下代码： ```javascript var viewer = new Cesium.Viewer('cesiumContainer'); // 创建Cesium Viewer var camera = viewer.camera; // 获取摄像机对象 // 获取当前视角参数 var position = camera.position; var direction = camera.direction; var up = camera.up; var right = camera.right; var viewMatrix = camera.viewMatrix; var frustum = camera.frustum; ``` 其中，`position`为摄像机位置，`direction`为摄像机方向向量，`up`和`right`分别为摄像机的上向量和右向量，`viewMatrix`为视图矩阵，`frustum`为视锥体。你可以根据需要获取这些参数来实现一些自定义的操作。例如，你可以使用`viewer.camera.flyTo()`方法将摄像机飞行到指定位置。