运行
刷新

源代码编辑器

<!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 = "LongA">精度+</button>-->
<!--    <button id = "LongP">精度-</button>-->
<!--    <button id = "LatA">维度+</button>-->
<!--    <button id = "LatP">维度-</button>-->
<!--</div>-->
 
<script type="text/javascript">
    var zInst1 = new ZGLobe.Viewer('earth',{
        showFPS: false,
        depthTestAgainstTerrain: true,
        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 longitude = 113.55179399999999
    var latitude = 22.184096000000003
    var height = 43
    // var baseUrl = '//c.tiles.mapbox.com/v4/mapbox.satellite/{z}/{x}/{y}.png?access_token=pk.eyJ1IjoiYW5hbHl0aWNhbGdyYXBoaWNzIiwiYSI6ImNpd204Zm4wejAwNzYyeW5uNjYyZmFwdWEifQ.7i-VIZZWX8pd1bTfxIVj9g';
    var terrainUrl = config.ip_nginx + 'china30mdem'
    zInst1.objectManager.setTerrain(terrainUrl)
    var tile  = zInst1.objectManager.add3dTiles('3DTILE', 'id', config.ip_nginx + 'aomensanqiao/tileset.json'
        , {longitude:longitude, latitude:latitude, height:height }
    );
    zInst1.viewer.zoomTo(tile, new Cesium.HeadingPitchRange(0.5, -0.2, 500 * 4.0));
</script>
</body>
</html>