Cesium Primitive Test

by winsent

HTML

<script src="https://cesiumjs.org/Cesium/Build/Cesium/Cesium.js"></script>
<link rel="stylesheet" href="https://cesiumjs.org/Cesium/Build/Cesium/Widgets/widgets.css">
<div id="cesiumContainer"></div>

CSS

html,
      #cesiumContainer {
        height: 100%;
      }

      body {
        padding: 0;
        margin: 0;
        overflow: hidden;
        height: 100%;
      }

JavaScript

var viewer = new Cesium.Viewer('cesiumContainer', {
  terrainProvider: new Cesium.CesiumTerrainProvider({
    url: '//assets.agi.com/stk-terrain/world'
  }),
  fullscreenElement: 'cesiumContainer',
  animation: false,
  homeButton: true,
  baseLayerPicker: true,
  infoBox: false,
  sceneModePicker: false,
  timeline: false,
  navigationInstructionsInitiallyVisible: false,
  navigationHelpButton: false,
  selectionIndicator: false
});


var tileset = new Cesium.Cesium3DTileset({
  url: 'https://petserver.ru/model_tile/'
});

var ellipsoid = Cesium.Ellipsoid.WGS84;

var scene = viewer.scene;
var annotations = scene.primitives.add(new Cesium.LabelCollection());

// Set the initial camera view to look at Manhattan
var initialPosition = Cesium.Cartesian3.fromDegrees(37.35008239226182, 55.689584664707546, 150);

var initialOrientation = new Cesium.HeadingPitchRoll.fromDegrees(21.27879878293835, -21.34390550872461, 0.0716951918898415);


viewer.scene.camera.setView({
  destination: initialPosition,
  orientation: initialOrientation,
  endTransform: Cesium.Matrix4.IDENTITY
});

viewer.camera.lookAt(initialPosition, new Cesium.Cartesian3(10.0, 10.0, 253.0));
// Load the NYC buildings tileset.
//var tileset = new Cesium.Cesium3DTileset({ url: Cesium.IonResource.fromAssetId(4693) });
scene.primitives.add(tileset);