CESIUM 获取当前视图范围

最新推荐文章于 2025-06-14 23:05:05 发布

原创

最新推荐文章于 2025-06-14 23:05:05 发布 · 1.9k 阅读

2 ·

CC 4.0 BY-SA版权

文章标签：

#javascript

本文介绍了如何在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= new

最低0.47元/天解锁文章

200万优质内容无限畅学

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

Albatorsss

关注关注

1
点赞
踩
2

收藏

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

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

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

AlanL的专栏

07-09

206

当前视图的经纬度范围

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

莫言情怼的博客

08-13

500

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

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

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

ONEGISER的博客

09-15

5414

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

cesium入门

最新发布

Seven_Ting的博客

06-14

384

cesium入门。

Cesium 获取当前视图范围

weixin_34408717的博客

12-30

2095

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

cesium获取当前可视矩形范围

专注GIS开发

04-14

4595

cesium获取当前可视矩形范围

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

qq_43474235的博客

03-26

1733

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

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

weixin_32019577的博客

02-01

1203

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

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

weixin_43802877的博客

07-29

591

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

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

细雨纷飞~~~

08-29

2915

//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 获取当前摄像机的位置，当前视线范围

yk583443123的博客

07-01

4866

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

725

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

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

西柚2015地信小白GISer

04-13

4352

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

3793

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

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

前端小陈的成长记录

03-13

1539

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

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

weixin_42786237的博客

08-13

5148

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

1253

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

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

dyh17630178424的博客

04-25

1800

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

Cesium 获取当前场景坐标范围

晚秋的专栏

05-14

1372

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

cesium获取当前视角的经纬度范围

03-26

<think>嗯，用户想知道在Cesium中如何获取当前视角的经纬度范围。首先，我需要回忆一下Cesium的相关API。Cesium的视图是由相机（Camera）控制的，所以可能需要通过相机的位置和方向来计算可见范围。我记得Cesium中有一个Camera类，可能包含视锥体的信息。视锥体的范围决定了当前可见的区域。不过直接获取经纬度范围可能需要计算视锥体的四个角或者使用某些工具函数。另外，Cesium的视图是三维的，可能要考虑地球曲率的影响。所以简单的矩形范围可能不够准确，特别是当视角倾斜或者高度较高的时候。这时候可能需要使用视锥体与地球表面的交集来获取精确的范围。可能还需要用到Scene类的computeViewRectangle方法。这个方法可以计算当前视图在椭球体上的矩形范围，返回的是西经、南纬、东经、北纬的值。这个方法应该能直接得到经纬度范围，但要注意椭球体的参数，默认是WGS84。不过这个方法可能会有误差，特别是在视角接近两极或者视图倾斜的情况下。所以需要验证在不同情况下的准确性。此外，如果场景中有地形，地形的高低起伏也会影响可见范围，这时候可能需要考虑地形的影响，但computeViewRectangle可能已经考虑了这些因素。步骤大概是这样的：首先获取当前的Scene实例，然后调用computeViewRectangle方法，传入椭球体参数（默认是Ellipsoid.WGS84），返回的Rectangle对象就包含了当前的经纬度范围。然后可以从Rectangle中提取west、south、east、north属性，转换成度数。另外，这个方法可能在渲染循环中调用，比如使用PostRender事件来实时获取变化的视角范围。或者在用户交互后触发获取当前的范围。需要注意处理可能的null返回值，比如当视口不在地球上时，computeViewRectangle可能返回null，这时候需要做错误处理。然后，用户可能需要代码示例。所以我要提供一个JavaScript的示例，演示如何获取并打印当前的经纬度范围。同时提醒用户关于异步渲染的问题，可能需要使用setTimeout或者在PostRender事件中处理。最后，相关问题可以涉及如何监听视角变化、如何将范围应用于空间索引或者可视化，比如与GeoWave相关的应用，可能需要将范围参数传递给后端进行数据查询。</think>在Cesium中获取当前视角的经纬度范围可通过以下步骤实现： ### 1. 核心方法：使用Scene.computeViewRectangle() Cesium的$scene.computeViewRectangle()$方法可以计算当前视口在WGS84椭球体上的经纬度范围矩形[^1]。该方法会返回一个$Rectangle$对象，包含以下属性： - **west**：西侧经度（弧度） - **south**：南侧纬度（弧度） - **east**：东侧经度（弧度） - **north**：北侧纬度（弧度） ### 2. 代码实现 ```javascript const viewer = new Cesium.Viewer('cesiumContainer'); // 获取当前视图范围 const rectangle = viewer.scene.computeViewRectangle(Cesium.Ellipsoid.WGS84); // 将弧度转换为角度 const westDeg = Cesium.Math.toDegrees(rectangle.west); const southDeg = Cesium.Math.toDegrees(rectangle.south); const eastDeg = Cesium.Math.toDegrees(rectangle.east); const northDeg = Cesium.Math.toDegrees(rectangle.north); console.log(`经度范围: ${westDeg}° ~ ${eastDeg}°`); console.log(`纬度范围: ${southDeg}° ~ ${northDeg}°`); ``` ### 3. 注意事项 - **异步渲染问题**：建议在$setTimeout$或$viewer.scene.postRender$事件中调用，确保摄像机位置更新完成 - **地形影响**：若开启地形，实际可见范围可能小于计算结果 - **极端视角**：当摄像机垂直向下时精度最高，倾斜视角下范围计算可能存在误差 ### 4. 扩展应用此经纬度范围可用于： - 动态加载该区域的地理数据（如通过GeoWave进行时空索引查询） - 与GeoServer服务结合实现瓦片地图的按需加载 - 空间分析时限定计算范围