Lors de l’affichage d’une carte Google Maps, il peut être intéressant de placer dans l’infobulle du marqueur une iframe. Cela permet d’afficher une page web. Dans l’exemple, je vais afficher une streetview pour chacun des membres de ma famille. Le script Début du script et création de la carte : 1 2 3 4 <script src='https://maps.googleapis.com/maps/api/js?v=3.exp&key=clé_api'></script> <script> function initCarte(){ </script> Définition des variables : // les variables (LatLng correspond à la position : latitude et longitude) var locations = [ ['marqueur3', 50.

Dans un article précédent, nous avons vu comment afficher une carte Google Maps. Nous allons voir ici comment placer et personnaliser un marqueur. Déclaration du script À placer de préférence dans le header de la page, en indiquant votre clé API GoogleMaps. <script src='https://maps.googleapis.com/maps/api/js?v=3.exp&key=CLÉAPI'></script> Création de la carte Elle s’appelle ici carte_gite. J’indique le centrage, le zoom et le type de carte (ROADMAP, SATELLITE,TERRAIN ou HYBRID). Les options suivantes concernent l’icône de contrôle du zoom, le zoom avec la molette et le double clic.

Google Maps permet l’intégration d’une carte personnalisée sur son propre site web. Il faut pour cela utiliser un code html fourni par l’application de cartographie de Google. Après avoir fait une recherche sur Google Maps, vous pouvez obtenir le code HTML qui permet l’affichage de la carte. Dans la fenêtre de gauche, choisissez Partager -> Intégrer la carte pour récupérer le code. Vous pouvez personnaliser la taille de la carte.