Edit in JSFiddle

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

  // Ajout de couche WMS
  var layerWMS = new ol.layer.Tile({
    source: new ol.source.TileWMS({
      url: 'https://geoservices.brgm.fr/geologie',
      params: {
        LAYERS: 'SCAN_D_GEOL50',
        TRANSPARENT: true
      }, // Les paramètres de la requêtes WMS
      projection: 'EPSG:4326' // Obligatoire pour assurer la reprojection automatique par OL3
    })
  });
  map.addLayer(layerWMS);

  // Ajout du contrôleur de couches
  var lsControl = new ol.control.LayerSwitcher({
    layers: [{
      layer: layerWMS, // la couche WMS
      config: {
        title: 'Carte géologique image de la France au 1/50 000e',
        description: "BD Scan-Géol-50 est la base de données géoréférencées des cartes géologiques 'papier' à 1/50 000"
      }
    }]
  });
  map.addControl(lsControl);
}

Gp.Services.getConfig({
  apiKey: "jhyvi0fgmnuxvfv0zjzorvdn",
  onSuccess: go
});
#map {
  padding: 5px;
  width: 100%;
  height: 400px;
  box-shadow: 0 0 10px #999;
}
<div id="map"></div>

External resources loaded into this fiddle: