juliusakula
commented
3 years ago <style>
@import url(https://sandcastle.cesium.com/templates/bucket.css);
</style>
<div id="cesiumContainer" class="fullSize"></div>
<div id="loadingOverlay">
<h1>Loading...</h1>
</div>
<div id="toolbar"></div>
<script>
// Grant CesiumJS access to your ion assets
Cesium.Ion.defaultAccessToken = "eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJqdGkiOiIwMDY3ODk5Mi1iMzVlLTQ5ZWMtODg1OC03YTZjOWM5MmYzMDIiLCJpZCI6NjMxMDMsImlhdCI6MTYyNzg2MDU0NX0.5lUPFHwrdxcLugusj0EOx-2oatZh2EvkUh2FokmVJPE";
var viewer = new Cesium.Viewer("cesiumContainer");
var promise = Cesium.IonResource.fromAssetId(600994)
.then(function (resource) {
var position = Cesium.Cartesian3.fromDegrees(0, 0, 0);
var heading = Cesium.Math.toRadians(0);
var pitch = Cesium.Math.toRadians(90); // Specific model was sideways - this rotates it to correct orientation
var roll = Cesium.Math.toRadians(0);
var hpr = new Cesium.HeadingPitchRoll(heading, pitch, roll);
var orientation = Cesium.Transforms.headingPitchRollQuaternion(
position,
hpr
);
var entity = viewer.entities.add({
position: position,
orientation: orientation,
model: {
uri: resource,
},
});
viewer.trackedEntity = entity;
})
.otherwise(function (error) {
console.log(error);
});
</script>
POST LIMO TO BLOG