// Grant CesiumJS access to your ion assets
Cesium.Ion.defaultAccessToken = "eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJqdGkiOiIwNzk3NjkyMy1iNGI1LTRkN2UtODRiMy04OTYwYWE0N2M3ZTkiLCJpZCI6Njk1MTcsImlhdCI6MTYzMzU0MTQ3N30.e70dpNzOCDRLDGxRguQCC-tRzGzA-23Xgno5lNgCeB4";

const worldTerrain = Cesium.createWorldTerrain({
    //requestWaterMask: true,
    //requestVertexNormals: true,
});

const viewer = new Cesium.Viewer("cesiumContainer",
  {
    terrainProvider: worldTerrain,
  }
);


function addPointsBySource(assetId) {
  const tileset = viewer.scene.primitives.add(new Cesium.Cesium3DTileset({
    url: Cesium.IonResource.fromAssetId(assetId),
    depthFailMaterial: new Cesium.PolylineOutlineMaterialProperty(
        {
          color: Cesium.Color.RED,
        }
      ),            
  }));
  tileset.style = new Cesium.Cesium3DTileStyle({
    color: {
      conditions: [
          ["${Classification} === 0", "color('purple')"],
          ["${Classification} === 1", "color('brown')"],
          ["${Classification} === 2", "color('cyan')"],
          ["${Classification} === 3", "color('orange')"],
          ["${Classification} === 4", "color('green')"],              
          ["true", "color('white')"]
      ]
    },
    pointSize: 5,
    zIndex: 100,
  });
  return tileset;
}


const tileset = addPointsBySource(897325);

(async () => {
  try {
    await tileset.readyPromise;
    await viewer.zoomTo(tileset);

    // Apply the default style if it exists
    var extras = tileset.asset.extras;
    if (
      Cesium.defined(extras) &&
      Cesium.defined(extras.ion) &&
      Cesium.defined(extras.ion.defaultStyle)
    ) {
      tileset.style = new Cesium.Cesium3DTileStyle(extras.ion.defaultStyle);
    }
  } catch (error) {
    console.log(error);
  }
})();