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

在这里插入图片描述

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

const extend = viewer.camera.computeViewRectangle();
const params = {}
if (typeof extend === "undefined") {
    const coordToLonlat = (viewer, x, y) => {
    	const { camera, scene } = viewer
    	const d2 = new Cesium.Cartesian2(x, y);
   		const ellipsoid = scene.globe.ellipsoid;
    	//2D转3D世界坐标
    	const d3 = camera.pickEllipsoid(d2, ellipsoid);
    	//3D世界坐标转弧度
    	const upperLeftCartographic = scene.globe.ellipsoid.cartesianToCartographic(d3);
    	//弧度转经纬度
    	const lon = Cesium.Math.toDegrees(upperLeftCartographic.longitude);
    	const lat = Cesium.Math.toDegrees(upperLeftCartographic.latitude);
    	return { lon, lat }
	}
    const canvas = viewer.scene.canvas;
    const upperLeftLonLat = coordToLonlat(viewer, 0, 0);
    const lowerRightLonLat = coordToLonlat(viewer, canvas.clientWidth, canvas.clientHeight);
    params.xmin = upperLeftLonLat.lon;
    params.xmax = lowerRightLonLat.lon;
    params.ymin = upperLeftLonLat.lat;
    params.ymax = lowerRightLonLat.lat;
} else {
    //三维视图
    params.xmax = Cesium.Math.toDegrees(extend.east);
    params.ymax = Cesium.Math.toDegrees(extend.north);
    params.xmin = Cesium.Math.toDegrees(extend.west);
    params.ymin = Cesium.Math.toDegrees(extend.south);
}
 console.log(`${params.xmin},${params.ymin},${params.xmax},${params.ymax}`, params);
  • 4
    点赞
  • 12
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
获取Cesium中模型的实时坐标,可以使用Cesium的Entity对象来获取。Entity对象代表场景中的一个实体,可以包括模型、点、线、面等。可以为Entity对象设置位置、方向、比例、颜色等属性。 具体来说,要获取模型的实时位置,可以使用以下代码: ``` var entity = viewer.entities.getById(entityId); // 根据entityId获取Entity对象 var position = entity.position.getValue(viewer.clock.currentTime); // 获取实时位置 ``` 其中,`entityId`是模型对应的Entity对象的ID。`viewer`是Cesium.Viewer对象,代表场景中的视图。 要获取坐标及高程,可以使用Cesium的Scene.pickPosition方法。该方法接受一个屏幕坐标作为参数,返回该屏幕位置对应的地理坐标和高程。 具体来说,可以使用以下代码获取鼠标点击的地理坐标和高程: ``` var handler = new Cesium.ScreenSpaceEventHandler(viewer.canvas); handler.setInputAction(function(event) { var pickedObject = viewer.scene.pick(event.position); if (Cesium.defined(pickedObject)) { var cartesian = viewer.camera.pickEllipsoid(event.position, viewer.scene.globe.ellipsoid); if (Cesium.defined(cartesian)) { var cartographic = Cesium.Cartographic.fromCartesian(cartesian); var longitude = Cesium.Math.toDegrees(cartographic.longitude); var latitude = Cesium.Math.toDegrees(cartographic.latitude); var height = cartographic.height; console.log(longitude, latitude, height); } } }, Cesium.ScreenSpaceEventType.LEFT_CLICK); ``` 其中,`viewer.canvas`是Cesium.Viewer对象对应的Canvas元素。`Cesium.ScreenSpaceEventHandler`用于处理屏幕事件,例如鼠标点击。`Cesium.ScreenSpaceEventType.LEFT_CLICK`表示监听鼠标左键点击事件。`pickedObject`代表鼠标点击的对象,如果是地形或其他没有高程信息的对象,则`cartesian`为undefined。如果`cartesian`不为undefined,则可以通过`Cesium.Cartographic.fromCartesian`方法将其转换为地理坐标和高程。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值