index.html

<html lang="en">

<head>
    <meta charset="utf-8">
    <script src="https://cesium.com/downloads/cesiumjs/releases/1.80/Build/Cesium/Cesium.js"></script>
    <link href="https://cesium.com/downloads/cesiumjs/releases/1.80/Build/Cesium/Widgets/widgets.css" rel="stylesheet">
    <link href="./globe.css" rel="stylesheet">
</head>

<body>
    <div id="cesiumContainer" style="width: 100%; height:100%"></div>
    <script>
        var viewer = new Cesium.Viewer('cesiumContainer', {
            baseLayerPicker: false,
            vrButton: false,
            geocoder: false,
            navigationHelpButton: false,
            selectionIndicator: true,
            // shadows: true,
            timeline: false,
            sceneModePicker: false,
            homeButton: false,
            fullscreenButton: false,
            backgroundColor: Cesium.Color.WHITE,
            // infoBox: false,
            // terrainExaggeration: 1.5,
        });

        
        var scene = viewer.scene;
        var clock = viewer.clock;
        var referenceFramePrimitive;

        var rotatioSpeed;
        var lastNow;
        var spinRate = 0.5;

        viewer.scene.skyBox.destroy();
        viewer.scene.skyBox = undefined;
        viewer.scene.sun.destroy();
        viewer.scene.sun = undefined;
        viewer.scene.skyAtmosphere.destroy();
        viewer.scene.skyAtmosphere = undefined;
        viewer.scene.backgroundColor = new Cesium.Color(255, 255, 255);

        function spinIt(scene, time) {
            var now = Date.now();
            var spinRate = 0.01;
            var delta = (now - lastNow) / 1000;
            lastNow = now;
            viewer.scene.camera.rotate(Cesium.Cartesian3.UNIT_Z, spinRate * delta);
        }

        function spinGlobe(viewer, spin_rate) {
            lastNow = Date.now();
            viewer.scene.postRender.addEventListener(spinIt);
        }
        spinGlobe(viewer);
    </script>
    <script src="add_avartar_billboard.js"></script>
</body>

</html>