viewer/index.html

<!DOCTYPE html>
<html lang="en">
<head>
  <!-- Use correct character set. -->
  <meta charset="utf-8">
  <!-- Tell IE to use the latest, best version (or Chrome Frame if pre-IE11). -->
  <meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1">
  <!-- Make the application on mobile take up the full browser screen and disable user scaling. -->
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no">
  <title>Cesium Viewer</title>
  <script src="Cesium/Cesium.js"></script> 
  
  <style>
     @import url(Cesium/Widgets/widgets.css);
      html, body, #cesiumContainer {
          top: 0px;
          left: 0px;
          position: absolute;
          width: 100%;
          height: 100%;
          margin: 0;
          padding: 0;
          overflow: hidden;
          z-index: -1;
      }
  </style>
</head>
<body>
  <div id="cesiumContainer"></div>
  <script>
	Cesium.BingMapsApi.defaultKey = 'ApOW9LMkerqWIVSnFauilSeaZyp8df66byy1USCTjgTdMvhb4y1iAhEsUHQfCgzq'
	
	var viewer = new Cesium.Viewer('cesiumContainer');
	
	var tileset = viewer.scene.primitives.add(new Cesium.Cesium3DTileset({
		url: 'output_data' 
	}));
	
	tileset.readyPromise.then(function(tileset) {
		viewer.scene.primitives.add(tileset);
		viewer.scene.camera.flyToBoundingSphere(tileset.boundingVolume._boundingSphere);
	});	
</script>
</body>
</html>