Explications simple carte

en noir : code obligatoire
en vert : explications
en rouge : code personnalisable

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Centrer et zoomer la carte en fonction des marqueurs affichés</title>
<meta name="viewport" content="initial-scale=1.0">
<style>
/* style pour carte plein écran, pour limiter voir la div "carte" */
#carte {
height: 100%;
}
html, body {
height: 100%;
margin: 0;
padding: 0;
}
</style>
</head>
<body>

<div id="carte"></div>
<script>
var maCarte;
function InitCarte(){
var tableauLieux = [
["Alfa", 47.325371, 1.044195, "Descriptif Alfa"],
["Bravo", 47.345627, 0.894806, "Descriptif Bravo"],
["Charlie", 47.334488, 0.944717, "Descriptif Charlie"],
["Delta", 47.331615, 1.129307, "Descriptif Delta"],
["Echo", 47.270981, 1.375158, "Descriptif Echo"],
["Foxtrot", 47.290585, 1.346169, "Descriptif Foxtrot"],
["Golf", 47.330112, 0.995293, "Descriptif Golf"],
["Hotel", 47.339272, 1.175795, "Descriptif Hotel"],
["India", 47.307144, 1.318617, "Descriptif India"],
["Juiett", 47.328671, 1.288072, "Descriptif Juiett"],
["Kilo", 47.344994, 1.212090, "Descriptif Kilo"],
["Mike", 47.357315, 0.831850, "Descriptif Mike"],
["Novembre", 47.342327, 1.245060, "Descriptif Novembre"]
];
var latlng = new google.maps.LatLng(0,0);
var optionsCarte = { zoom: 0, center: latlng, mapTypeId: google.maps.MapTypeId.ROADMAP };
maCarte = new google.maps.Map(document.getElementById("carte"), optionsCarte);
var infobulle = new google.maps.InfoWindow();
var bounds = new google.maps.LatLngBounds();

for (var i = 0; i < tableauLieux.length; i++)
{
var Lieu = tableauLieux[i];
var pointLieu = new google.maps.LatLng(Lieu[1], Lieu[2]);
bounds.extend(pointLieu);
var marqueurLieu = new google.maps.Marker({position: pointLieu,map: maCarte,title: Lieu[0],contenuInfoBulle: Lieu[3]});
google.maps.event.addListener(marqueurLieu, "click", function() {infobulle.setContent(this.contenuInfoBulle);infobulle.open(maCarte,this);}); }
maCarte.fitBounds(bounds);}
</script>

<script src="https://maps.googleapis.com/maps/api/js?key=Ma_Key&callback=InitCarte"
async defer></script>