CESIUM 获取当前视图范围

最新推荐文章于 2025-11-18 16:39:37 发布

原创最新推荐文章于 2025-11-18 16:39:37 发布 · 2k 阅读

2 ·

CC 4.0 BY-SA版权

文章标签：

#javascript

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

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 Cesium.Cartesian2(500,500);
 
let pick1= viewer.scene.globe.pick(viewer.camera.getPickRay(pt1), viewer.scene);
let pick2= viewer.scene.globe.pick(viewer.camera.getPickRay(pt2), viewer.scene);
 
//将三维坐标转成地理坐标
let geoPt1= viewer.scene.globe.ellipsoid.cartesianToCartographic(pick1);
let geoPt2= viewer.scene.globe.ellipsoid.cartesianToCartographic(pick2);
 
//地理坐标转换为经纬度坐标
let point1=[geoPt1.longitude / Math.PI * 180,geoPt1.latitude / Math.PI * 180];           
let point2=[geoPt2.longitude / Math.PI * 180,geoPt2.latitude / Math.PI * 180];