Cesium点击获取模型或者地形点的位置

需求-点击时存在模型则点击事件获取模型高度,没有模型时获取地形高度

版本cesium 1.7.0 ,vue 2.5x ,开启Cesium地形服务

代码

 viewer.screenSpaceEventHandler.setInputAction(function (clickEvent) {
            var ray1 = viewer.camera.getPickRay(clickEvent.position);
            var cartesian = viewer.scene.globe.pick(ray1, viewer.scene);
            console.log('地形高度点',cartesian);
            var pick = viewer.scene.pickPosition(clickEvent.position);
            var pickModel = viewer.scene.pick(clickEvent.position);
            if (pickModel && pick && !pickModel.id) {
                var height = Cesium.Cartographic.fromCartesian(pick).height;
                var lat = Cesium.Math.toDegrees(Cesium.Cartographic.fromCartesian(pick).latitude);
                var lng = Cesium.Math.toDegrees(Cesium.Cartographic.fromCartesian(pick).longitude);
                cartesian = Cesium.Cartesian3.fromDegrees(lng, lat, height);
                 console.log('模型高度点',cartesian);
            }
 }, Cesium.ScreenSpaceEventType.LEFT_CLICK);
### 回答1: CEISUM是一个基于JavaScript的开源库,用于在Web浏览器中展示三维地球场景的交互式地图。它结合了Cesium和自定义的JavaScript代码,提供了许多功能和工具,使用户能够创建和浏览具有丰富交互性和视觉效果的地球场景。 CEISUM的主要优之一是它的跨平台性。它可以在不同的操作系统上运行,包括Windows,Mac和Linux。此外,它还支持所有主要的Web浏览器,如Chrome,Firefox,Safari和Edge。 使用CEISUM,用户可以在三维地球场景中添加各种图层和数据源,包括地图、卫星图像、矢量数据和其他地理信息。用户可以通过内置的工具和控件来导航和操纵地球场景,如缩放、旋转、倾斜和平移。 CEISUM还提供了一系列功能强大的API,允许用户通过自定义的JavaScript代码来扩展和定制地球场景。用户可以添加交互式图形、标记和弹出窗口等元素,以及自定义地球场景中的交互行为和效果。 总的来说,CEISUM是一个强大且灵活的JavaScript库,可以帮助开发者创建令人印象深刻的三维地球场景。无论是用于教育、科学研究、地理信息系统还是其他应用领域,CEISUM都是一个值得尝试的工具。 ### 回答2: "ceisum"是一个原生的JavaScript库,用于创建交互式地图和地理信息可视化。它提供了一组强大的功能,使开发者能够在网页上展示全球范围内的地理数据。 "ceisum"使用了WebGL技术,可以直接在浏览器上呈现出高性能的地图效果。它支持多种地图投影,例如平面投影和球面投影,可以根据需要选择最合适的投影方式来显示地图。 使用"ceisum",可以在地图上添加各种图层,包括地形图、卫星图像、建筑物模型等。开发者可以通过编写JavaScript代码来自定义这些图层的属性和样式,使其符合自己的需求。 "ceisum"还提供了丰富的交互功能,包括缩放、平移、旋转等操作,使用户可以轻松地浏览地图。开发者可以通过监听各种交互事件,以便根据用户的操作进行相应的处理。 此外,"ceisum"还支持数据可视化,开发者可以将地理数据以各种形式展现在地图上,如、线、面等,以及为其添加颜色、大小等属性,从而更好地展示地理信息。 总而言之,"ceisum"是一个功能强大的原生JavaScript库,可以帮助开发者快速创建交互式地图和地理信息可视化。无论是展示地理数据还是实现用户交互,它都提供了丰富的功能和灵活的操作方式。
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值