Edit in JSFiddle

function go() {

  var map = Gp.Map.load(
    "map", // identifiant du conteneur HTML
    // options d'affichage de la carte (Gp.MapOptions)
    {
      // centrage de la carte en lon,lat
      center: {
        x : 2.294, 
        y : 48.858,
        projection : "CRS:84"
      },
      // niveau de zoom de la carte (de 1 à 21)
      zoom: 17,
      // Couches à afficher
      layersOptions: {
        "ORTHOIMAGERY.ORTHOPHOTOS": {},
        "GEOGRAPHICALGRIDSYSTEMS.MAPS": {
            opacity : 0.3
        },
      },
      controlsOptions: {
        "layerswitcher": {
            // décommenter la ligne qui suit pour afficher le gestionnaire de couches déplié
            // maximised: true
        }
      }
    })
}

Gp.Services.getConfig({
  apiKey: "jhyvi0fgmnuxvfv0zjzorvdn",
  onSuccess: go
});

var infoDiv = document.getElementById("info");
infoDiv.innerHTML = "<p> Extension OL3 version " + Gp.ol3extVersion + " (" + Gp.ol3extDate + ")</p>";
#map {
  padding: 5px;
  width: 100%;
  height: 400px;
  box-shadow: 0 0 10px #999;
}

#info {
  padding: 5px;
  width: 100%;
  height: 20px;
  font-family: "monospace";
  font-size: 10px;
}
<div id="map"></div>
<div id="info"></div>

External resources loaded into this fiddle: