Cesium开发学习笔记（五）---鼠标监听

地图界面鼠标事件监听

var handler = new Cesium.ScreenSpaceEventHandler(viewer.scene.canvas);
//鼠标滚轮
handler.setInputAction(function (wheelment) {
    // 视觉高度，距离地面高度
    var height = viewer.camera.positionCartographic.height;
}, Cesium.ScreenSpaceEventType.WHEEL);

// 鼠标左点击
handler.setInputAction(function (movement) { //获取坐标
    // 第一种坐标解析
    //返回在椭球上面的点的坐标
    var earthPosition = viewer.scene.camera.pickEllipsoid(movement.position, viewer.scene.globe.ellipsoid);
    if (Cesium.defined(earthPosition)) {
        //根据笛卡尔坐标获取到弧度
        var cartographic = Cesium.Cartographic.fromCartesian(earthPosition);
        var lon = Cesium.Math.toDegrees(cartographic.longitude); // 经度
        var lat = Cesium.Math.toDegrees(cartographic.latitude); // 纬度
        var height = cartographic.height; //高度
    }

    // 第二种坐标解析
    var pick = new Cesium.Cartesian2(movement.position.x, movement.position.y);  //屏幕坐标->世界坐标
    var cartesian = viewer.scene.globe.pick(viewer.camera.getPickRay(pick1), viewer.scene); //屏幕坐标->世界坐标 （两步）
    var cartographic = Cesium.Cartographic.fromCartesian(cartesian); //世界坐标->地理坐标
    var point = [cartographic.longitude / Math.PI * 180, cartographic.latitude / Math.PI * 180]; //地理坐标->经纬度坐标

}, Cesium.ScreenSpaceEventType.LEFT_CLICK);

// 鼠标右点击
handler.setInputAction(function (movement) {
    console.log(movement);
}, Cesium.ScreenSpaceEventType.RIGHT_CLICK);

// 鼠标移动
handler.setInputAction(function (movement) {
    var pick = viewer.scene.pick(movement.endPosition);
    // 鼠标最后停留的位置，是否有model存在
    if (Cesium.defined(pick) && pick.id) {
        console.log(pick.id)
    }

}, Cesium.ScreenSpaceEventType.MOUSE_MOVE);

// 移除点击事件
handler.removeInputAction(Cesium.ScreenSpaceEventType.WHEEL);
handler.removeInputAction(Cesium.ScreenSpaceEventType.LEFT_CLICK);
handler.removeInputAction(Cesium.ScreenSpaceEventType.RIGHT_CLICK);
handler.removeInputAction(Cesium.ScreenSpaceEventType.MOUSE_MOVE);

此笔记仅仅为了记录自己在项目中所学到的知识，如果有问题，可以提出，我们可以共同探讨。