Map is taking time to load

CesiumJS
1

I’m loading 3D Globe map

Untitled
Untitled1289×359 279 KB

Now when i loading the page it is asking for location but sometimes what happen is map does not load and it shows current location on black screen only after clicking on allow and sometime it takes time to load map

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<!-- Include the CesiumJS JavaScript and CSS files -->
<script src="https://cesium.com/downloads/cesiumjs/releases/1.84/Build/Cesium/Cesium.js"></script>
 <link href="https://cesium.com/downloads/cesiumjs/releases/1.84/Build/Cesium/Widgets/widgets.css" rel="stylesheet">
</head>
<body>
<div id="cesiumContainer"></div>
<script>
Cesium.Ion.defaultAccessToken = 'XXXXXXXX';
var viewer = new Cesium.Viewer("cesiumContainer", {
  imageryProvider: Cesium.createWorldImagery({
    style: Cesium.IonWorldImageryStyle.AERIAL_WITH_LABELS,
  }),
  animation: false,
  timeline: false,
  baseLayerPicker: false,
});

viewer.scene.screenSpaceCameraController.minimumZoomDistance=2000000;
var layers = viewer.scene.imageryLayers;
var blackMarble = layers.addImageryProvider(
  new Cesium.IonImageryProvider({ assetId: 3812 })
);
function fly(position) {
        viewer.camera.flyTo({
      destination: Cesium.Cartesian3.fromDegrees(
        position.coords.longitude,
        position.coords.latitude,
        1005.0
      ),
    });
    }
blackMarble.alpha = 0.5;
blackMarble.brightness = 1.2;
navigator.geolocation.getCurrentPosition(fly);
  </script>
 </div>
</body>
</html>

Any suggestion Please, Thanks

2

@James

Thank you for sharing this with the community! Do you notice a similar issue when testing with other browsers? It seems like you are noticing this issue using Google Chrome. Can you please share a sandcastle demo that showcases this issue with the community? I would like to test this out on my machine and potentially write up an issue on GitHub.

-Sam

3

@sam.rothstein Thanks for the reply, Sandcastle link this is the sandcastle link sometimes it takes 30-40 seconds to load the map, i’m using these external version of script and style sheet
<script src="https://cesium.com/downloads/cesiumjs/releases/1.84/Build/Cesium/Cesium.js"></script>

<link href="https://cesium.com/downloads/cesiumjs/releases/1.84/Build/Cesium/Widgets/widgets.css" rel="stylesheet">
Can we reduce lag time, Thanks