Explications Choisir son itinéraire sur Bing Maps

en noir : code obligatoire
en vert : explications
en rouge : code personnalisable
en grisé : construction d'une carte simple par défaut

<!DOCTYPE html>
<html>
<head>
<title>Carte Bing avec une photo Overlay pleine feêtre</title>
<meta charset="utf-8">
<style>
#carte {
height: 100%;
}
html, body {
height: 100%;
margin: 0;
padding: 0;
}
</style>
<script type="text/javascript">
var macarte, overlay;
function InitCarte() {
macarte = new Microsoft.Maps.Map('#carte', {
mapTypeId: Microsoft.Maps.MapTypeId.aerial,
center: new Microsoft.Maps.Location(43.12003028548398, 5.945955169120576),
zoom: 16
});
overlay = new Microsoft.Maps.GroundOverlay({
bounds: Microsoft.Maps.LocationRect.fromEdges(43.11982203053482, 5.933947958996, 43.112825371506936, 5.947654818703492), // (nw,se)
imageUrl: 'http://moreau.fr.free.fr/mescartes/images/GSFPhoto.jpg',
opacity: 0.7,
// rotation: 298 il est possible de pivoter l'image de 0 à 360
});
macarte.layers.insert(overlay);
}
</script>

<script type="text/javascript" src="https://www.bing.com/api/maps/mapcontrol?callback=InitCarte&key=Ma_Key" async defer></script>
</head>
<body>
<div id="carte" ></div>