cesium实现点击要素弹窗代码
时间: 2023-12-27 14:13:31 浏览: 101
基于Cesium实现自定义弹窗效果组件,弹窗样式内容可以自定义,弹窗可跟随场景自适应移动,完整demo和源代码,代码未加密/未压
5星 · 资源好评率100%
您好,以下是cesium实现点击要素弹窗的代码:
// 创建弹窗
var infoBox = new Cesium.InfoBox(document.getElementById("cesiumContainer"));
viewer.infoBox = infoBox;
// 鼠标左键点击事件的处理
viewer.screenSpaceEventHandler.setInputAction(function onLeftClick(movement) {
var pickedObject = viewer.scene.pick(movement.position);
if (pickedObject && pickedObject.id) {
// 设置弹窗的标题和内容
infoBox.viewModel.titleText = pickedObject.id.name;
infoBox.viewModel.description = pickedObject.id.description;
// 设置弹窗的位置和指向的要素
infoBox.viewModel.position = movement.position.clone();
infoBox.viewModel.pickEvent.raiseEvent(movement.position);
}
}, Cesium.ScreenSpaceEventType.LEFT_CLICK);
阅读全文