cesium初始化

49 阅读1分钟
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="utf-8">
    <!-- Include the CesiumJS JavaScript and CSS files -->
    <link rel="stylesheet" href="./css/init.css">
    <script src="https://cesium.com/downloads/cesiumjs/releases/1.95/Build/Cesium/Cesium.js"></script>
    <link href="https://cesium.com/downloads/cesiumjs/releases/1.95/Build/Cesium/Widgets/widgets.css" rel="stylesheet">
</head>

<body>
    <div id="cesiumContainer"></div>
    <script>
        // Your access token can be found at: https://cesium.com/ion/tokens.
        // Replace `your_access_token` with your Cesium ion access token.
        
        //需要自己注册
        Cesium.Ion.defaultAccessToken = '';

        // Initialize the Cesium Viewer in the HTML element with the `cesiumContainer` ID.
        const viewer = new Cesium.Viewer('cesiumContainer', {
            geocoder: false,   // 位置查找工具
            homeButton: false,  // 视角返回初始位置
            sceneModePicker: false,   // 选择视角的模式(球体、平铺、斜视平铺)
            baseLayerPicker: false,    // 图层选择器(地形影像服务)
            navigationHelpButton: false,   // 导航帮助(手势,鼠标)
            animation: false,   // 左下角仪表盘(动画器件)
            timeline: false,   // 底部时间线
            fullscreenButton: false,   // 全屏
            vrButton: false,  // VR

        });
        // 去除版权信息
        viewer._cesiumWidget._creditContainer.style.display = "none";
        // Add Cesium OSM Buildings, a global 3D buildings layer.
        // const buildingTileset =       viewer.scene.primitives.add(Cesium.createOsmBuildings());   
        // Fly the camera to San Francisco at the given longitude, latitude, and height.
        //设置飞行位置
        viewer.camera.flyTo({
            destination: Cesium.Cartesian3.fromDegrees(-122.4175, 37.655, 400),
            orientation: {
                heading: Cesium.Math.toRadians(0.0),
                pitch: Cesium.Math.toRadians(-15.0),
            }
        });

    </script>
    </div>
</body>

</html>