Edit in JSFiddle

function go() {
  var map = new ol.Map({
    target: 'map',
    layers: [
      new ol.layer.GeoportalWMTS({
        layer: "ORTHOIMAGERY.ORTHOPHOTOS"
      })
    ],
    view: new ol.View({
      center: ol.proj.fromLonLat([2.294, 48.858]),
      zoom: 12
    })
  });

  // mesure de distances
  var length = new ol.control.MeasureLength({});
  map.addControl(length) ;
  // mesure de surfaces
  var area = new ol.control.MeasureArea({});
  map.addControl(area) ;
  // mesure d'azimuth
  var azimuth = new ol.control.MeasureAzimuth({});
  map.addControl(azimuth) ;
  // profil altimétrique
  var elevation = new ol.control.ElevationPath({});
  map.addControl(elevation) ;

}

Gp.Services.getConfig({
  apiKey: "jhyvi0fgmnuxvfv0zjzorvdn",
  onSuccess: go
});
#map {
  width: 100%;
  height: 400px;
}
<div id="map"></div>

External resources loaded into this fiddle: