33 lines
869 B
JavaScript
33 lines
869 B
JavaScript
const viewer = new Cesium.Viewer("cesiumContainer", {
|
|
globe: false
|
|
});
|
|
|
|
// Create the tileset in the viewer
|
|
const tileset = viewer.scene.primitives.add(
|
|
await Cesium.Cesium3DTileset.fromUrl(
|
|
"http://localhost:8003/tileset.json", {
|
|
debugShowBoundingVolume: true,
|
|
})
|
|
);
|
|
|
|
// Move the tileset to a certain position on the globe,
|
|
// and scale it up
|
|
const transform = Cesium.Transforms.eastNorthUpToFixedFrame(
|
|
Cesium.Cartesian3.fromDegrees(-75.152408, 39.946975, 20)
|
|
);
|
|
const scale = 15.0;
|
|
const modelMatrix = Cesium.Matrix4.multiplyByUniformScale(
|
|
transform,
|
|
scale,
|
|
new Cesium.Matrix4()
|
|
);
|
|
tileset.modelMatrix = modelMatrix;
|
|
|
|
// Zoom to the tileset, with a small offset so that
|
|
// it is fully visible
|
|
const offset = new Cesium.HeadingPitchRange(
|
|
Cesium.Math.toRadians(-22.5),
|
|
Cesium.Math.toRadians(-22.5),
|
|
60.0
|
|
);
|
|
viewer.zoomTo(tileset, offset); |