Explications réinitialisation d'un nouveau centre

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>
<meta charset="utf-8">
<title>Carte avec marqueurs complexes en pleine fenêtre</title>
<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>
function InitCarte() {
var centre = new google.maps.LatLng(37.882846, -4.774664);
var mapOptions = {
zoom: 15,
center: centre
};

var macarte = new google.maps.Map(document.getElementById('carte'), mapOptions);

// marqueur n°1 (complet :se sert du centre de la carte avec infobulle complète et icone perso)
var contenucentre ='<h1>Santi y Jean-Pierre en Córdoba</h1>'+'<h2>Sanchez Peña, 14</h2>' +
'<img src="http://moreau.fr.free.fr/data_index/cap.gif" />' +
'¡ Buenos dias de la Plaza de las Cañas !<br />' +
'La <b>Plaza de las Cañas</b>, es uno de los lugares en los que se celebra el mercado medieval.' +
'Plaza situada a espaldas de la plaza de la Corredera. Es atravesada por la calle Sánchez Peña y desembocan en ella las calles Prensa y de la Cruz.' +
'<p>La <b>Plaza de la Corredera</b> es uno de los lugares más emblemáticos de la ciudad de Córdoba.' +
' Única plaza mayor cuadrangular de Andalucía. Situada en el centro de la ciudad, a la bajada de la Calle Rodríguez Marín o Espartería.' +
' Tiene su entrada y salida a través de los llamados Arco Alto y Arco Bajo. <br /> ' +
'Pour en savoir plus : <a href="http://moreau.fr.free.fr" title="Le nouveau Lafayette-68" target="_blanck">notre site perso</a></p>';
var infocentre = new google.maps.InfoWindow({
content: contenucentre,
maxWidth: 400 // largeur maxi de l'infobulle
});
var iconcentre = {
url: 'http://moreau.fr.free.fr/mescartes/images/poi.png',
size: new google.maps.Size(64, 64), // taille visible de l'icône
scaledSize : new google.maps.Size(64, 64), // icone redimenssionné
origin: new google.maps.Point(0,0), // l'origine est 0,0 en haut à gauche
anchor: new google.maps.Point(0, 32) // le point d'ancrage est 60,60 en bas à droite
};
var zonecentre = { // zone cliquable : 4 points d'un polygone (x,y) ici quart inférieur droit
coord: [32, 32, 32, 64, 64, 64, 64, 32],// que l'étoile
type: 'poly'
};
var markcentre = new google.maps.Marker({
position: centre,
map: macarte,
icon: iconcentre,
shape: zonecentre,
title: "Cliquer sur l'étoile",
zIndex: 2 // ce marqueur sera au dessus du deuxième marqueur
});
google.maps.event.addListener(markcentre, 'click', function() {
infocentre.open(macarte,markcentre);//seulement cette ligne ouverture de l'infobulle
});
// fin du premier marqueur complet

// marqueur 2 simple
var coordmark2 = new google.maps.LatLng(37.884507, -4.779648);
var mark2 = new google.maps.Marker({
position: coordmark2,
map: macarte,
title: 'rien ici !',
zIndex: 1
});
// fin marqueur 2
}
</script>

<script src="https://maps.googleapis.com/maps/api/js?key=MaKey&callback=InitCarte"

<noscript>
<p>Il semble que JavaScript soit désactivé ou qu'il ne soit pas supporté par votre navigateur.</p>
<p>Pour afficher Google Maps, activez JavaScript en modifiant les options de votre navigateur, puis essayez à nouveau.</p>
</noscript>
</body>
</html>