2018년 10월 16일 화요일

Cesium Js에서 지도위에 이벤트 처리하는 간단한 예

캔바스에 이벤트를 걸어주는 방법과 Cesium 제공 이벤트 핸들러에 걸어주는 방법


var viewer = new Cesium.Viewer('cesiumContainer');

방법1) 캔바스 위에 발생하는 단순한 이벤트의 처리

viewer.canvas.addEventListener('click', function() {
    alert('콩가루');
});

방법2) 지도위에 나타난 다양한 개체를 선택하고 컨트롤 할 수 있음

var handler = new Cesium.ScreenSpaceEventHandler(scene.canvas);
handler.setInputAction(function(movement) {
    alert('콩가루');
}, Cesium.ScreenSpaceEventType.LEFT_CLICK);