cesium-1.59 自定义添加缩放按钮.txt

function addZoomButtons() {
    /*此函数用于，给视图添加缩放按钮。*/
    // 以下要添加“+”“-”缩放按钮，及其样式，及其事件。
    if(configdata.map3d.zoomButtons && configdata.map3d.zoomButtons.show){
        let htmlEle = '
' +
            '+
' +
            '-' +
            '
';
        $("body").append(htmlEle);
        $("#zoomButtons").css(configdata.map3d.zoomButtons.css);
        $("#zoomButtons>button").css({
            "width": "30px",
            "height": "30px",
            "font-size": "20px",
            "margin": "5px 0px",
            "color": "black"
        });
        $("#zoomIn").click(function () {
            // zoomIn(amount) amount Number    optional The amount to move.
            // 缩放距离amount，单位：米，沿摄像机的视角方向。
            // 缩放 镜头到视角方向地面 的直线距离的 0.2倍。
            viewer.camera.zoomIn(viewer.camera.positionCartographic.height / Math.abs(Math.sin(viewer.camera.pitch)) * 0.2);
        });
        $("#zoomOut").click(function () {
            viewer.camera.zoomOut(viewer.camera.positionCartographic.height / Math.abs(Math.sin(viewer.camera.pitch)) * 0.2);
        });
    }
}