diff --git a/example.html b/example.html
new file mode 100644
index 0000000000000000000000000000000000000000..98bbd6bc93b332de1d510c4042548565bc03abbe
--- /dev/null
+++ b/example.html
@@ -0,0 +1,41 @@
+<html lang="en">
+
+<head>
+ <meta charset="utf-8">
+ <script src="https://cesium.com/downloads/cesiumjs/releases/1.92/Build/Cesium/Cesium.js"></script>
+ <link href="https://cesium.com/downloads/cesiumjs/releases/1.92/Build/Cesium/Widgets/widgets.css" rel="stylesheet">
+</head>
+
+<body>
+ <div id="cesiumContainer" style="width: 100%; height:100%"></div>
+ <script>
+ // Cesium.Ion.defaultAccessToken = '<Your Access Token Here>';
+ var viewer = new Cesium.Viewer('cesiumContainer', {
+ baseLayerPicker: true,
+ vrButton: true,
+ geocoder: false,
+ navigationHelpButton: false,
+ selectionIndicator: false,
+ shadows: true,
+ timeline: true,
+ sceneModePicker: true,
+ });
+ var tileset = viewer.scene.primitives.add(new Cesium.Cesium3DTileset({
+ url: "tileset/tileset.json"
+ }))
+
+ Cesium.when(tileset.readyPromise).then(function (tileset) {
+ viewer.flyTo(tileset)
+ var heightOffset = -20.0;
+ var boundingSphere = tileset.boundingSphere;
+ var cartographic = Cesium.Cartographic.fromCartesian(boundingSphere.center);
+ var surface = Cesium.Cartesian3.fromRadians(cartographic.longitude, cartographic.latitude, 0.0);
+ var offset = Cesium.Cartesian3.fromRadians(cartographic.longitude, cartographic.latitude,
+ heightOffset);
+ var translation = Cesium.Cartesian3.subtract(offset, surface, new Cesium.Cartesian3());
+ tileset.modelMatrix = Cesium.Matrix4.fromTranslation(translation);
+ })
+ </script>
+</body>
+
+</html>
\ No newline at end of file