Cesium Primitive Test

by winsent

HTML

<script src="https://cdn.jsdelivr.net/npm/[email protected]/Build/Cesium/Cesium.js"></script>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/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: 'https://petserver.ru/terrain',
        requestVertexNormals : true,
        terrainExaggeration: 5
      }),
      fullscreenElement: 'cesiumContainer',
      animation: false,
      homeButton: true,
      baseLayerPicker: true,
      infoBox: false,
      sceneModePicker: false,
      timeline: false,
      navigationInstructionsInitiallyVisible: false,
      navigationHelpButton: false,
      selectionIndicator: false
});

var provider = new Cesium.UrlTemplateImageryProvider({
    url : 'https://petserver.ru/xyz-tiles/{z}/{x}/{y}.png',
    credit : 'Map tiles by CartoDB, under CC BY 3.0. Data by OpenStreetMap, under ODbL.'
});

var imageryLayers = viewer.imageryLayers;
var layer = imageryLayers.addImageryProvider(provider);

//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(44.24470, 65.85075, 125);
//var initialOrientation = new Cesium.HeadingPitchRoll.fromDegrees(21.27879878293835, -21.34390550872461, 0.0716951918898415);
var initialOrientation = new Cesium.HeadingPitchRoll.fromDegrees(-20, -90, 0);
viewer.scene.camera.setView({
    destination: initialPosition,
    orientation: initialOrientation,
    endTransform: Cesium.Matrix4.IDENTITY
});
// Load the NYC buildings tileset.
//var tileset = new Cesium.Cesium3DTileset({ url: Cesium.IonResource.fromAssetId(4693) });
//scene.primitives.add(tileset);