var ol2d = new ol.Map({
  layers: [
    new ol.layer.Tile({
      source: new ol.source.OSM()
    })
  ],
  target: 'map',
  view: new ol.View({
    center: ol.proj.transform([25, 20], 'EPSG:4326', 'EPSG:3857'),
    zoom: 3
  })
});

var ol3d = new olcs.OLCesium(ol2d);
var scene = ol3d.getCesiumScene();
var terrainProvider = new Cesium.CesiumTerrainProvider({
    url : '//cesiumjs.org/stk-terrain/tilesets/world/tiles'
});
scene.terrainProvider = terrainProvider;

ol3d.setEnabled(true);
var camera = ol3d.getCamera();

var infoDiv = document.getElementById('infoDiv');
var printInfo = function() {
  infoDiv.innerHTML = 'Center: ' + camera.getCenter() + '<br />' +
                      'Distance: ' + camera.getDistance() + '<br />' +
                      'Heading: ' + camera.getHeading() + '<br />' +
                      'Tilt: ' + camera.getTilt() + '<br />' +
                      '<i>Position:</i> ' + camera.getPosition() + '<br />' +
                      '<i>Altitude:</i> ' + camera.getAltitude() + '<br />';
};
setInterval(printInfo, 100);
