运行
刷新

源代码编辑器

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>隐藏高程</title>
    <script type="text/javascript" src="../../js/noCopy.js"></script>
 
    <link rel="stylesheet" href="../../CesiumMini/Widgets/widgets.css">
    <script src="../../CesiumMini/Cesium.js"></script>
    <script type="text/javascript" src="../../lib/ZGLobe.js"></script>
    <script type="text/javascript" src="../../js/config.js"></script>
    <script type="text/javascript" src="../../js/jquery-3.4.1.min.js"></script>
    <style>
        body {
            box-sizing: border-box;
            height: 100%;
            padding: 0;
            margin: 0;
        }
 
        #earth {
            position: absolute;
            top: 0px;
            bottom: 0px;
            width: 100%;
            height: 100%;
        }
        .but-div{
            position: absolute;
            left: 10px;
            top: 10px;
        }
        .but-div button{
            cursor: pointer;
            border: 1px solid #0a001f;
            background-color: #0a001f;
            padding: 6px 12px;
            border-radius: 3px;
            color: #fff;
        }
    </style>
</head>
<body>
<div id="earth"></div>
<div class="but-div">
    <button id="terrtain-height"><input id="terrtain-height-check" checked="checked" type="checkbox"  style="pointer-events: none"/>隐藏高程</button>
</div>
 
<script type="text/javascript">
    var zInst1 = new ZGLobe.Viewer('earth',{
        showFPS: false,
        depthTestAgainstTerrain: false,
        show3DCoordinates: false,
        homeButton: false,
        fullscreenButton: true,
        sceneModePicker: false,
        navigationHelpButton: false,
        geocoder: false,
        infoBox : false,
        selectionIndicator : false,
        skyAtmosphere: false,
        enableLighting: true,
        scene3DOnly: false,
        vrButton: false,
        contextOptions: {
            webgl: {
                alpha: false,
                preserveDrawingBuffer: true
            }
        },
        hawkeye: false,
        bookmark:false
    });
    var restCamera = function(){
        zInst1.camOper.lookAt(new ZGLobe.Position({longitude: 120.330666,
            latitude:46.814127, height: 948.92}),new ZGLobe.Euler({heading: 0, pitch: -30, roll: 0}),1000)
    }
    zInst1.viewer.terrainProvider =  zInst1._objectManager.noHeight;
    $("#terrtain-height").click(function () {
        if(($("#terrtain-height-check").is(':checked'))){
            $("#terrtain-height-check").attr('checked',false)
            var terrainUrl = config.ip_nginx + 'china30mdem'
            zInst1.objectManager.setTerrain(terrainUrl)
            restCamera();
        }else{
            $("#terrtain-height-check").attr('checked',true)
            zInst1.viewer.terrainProvider = zInst1._objectManager.noHeight;
            restCamera();
        }
    });
    restCamera();
 
</script>
</body>
</html>