AFFICHAGE PAR DEFAUT GMapTypeControl

PRESENTATION

Pour afficher les boutons [ Plan ] - [ Satellite ] - [ Mixte ] il suffit d'utiliser addControl ( new GMapTypeControl () ); .

Par défaut, l'emplacement de ces boutons est, en haut à droite de la carte, et dans l'ordre enoncé ci-dessus.

Dans cet exemple, nous allons créer une carte :

appelée "Amboise",
située dans une balise <div> ayant pour id ( identifiant ) "EmplacementDeMacarte",
de 710 pixels de large , par 400 pixels de haut ,
centrée sur le château d'Amboise ( Latitude : 47.413162 , Longitude : 0.985143 ) en Indre et Loire (37),
avec un zoom de 13
et dotée des trois boutons [ Plan ] - [ Satellite ] - [ Mixte ] .

RESULTAT

CODE

   [1] <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
   [2] <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr">
   [3] <head>
   [4] <title>Google Maps - Les boutons [ Plan/carte ] - [ Satellite ] - [ Mixte ]</title>
   [5] <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
   [6] <script src="http://maps.google.com/maps?file=api&v=2.x&key= Mettez Votre Clef API Ici " type="text/javascript"></script>
   [7] <script type="text/javascript">
   [8] //<![CDATA[
   [9] function load() {
  [10] 	if (GBrowserIsCompatible()) {
  [11] 		var Amboise = new GMap2(document.getElementById('EmplacementDeMacarte'));
  [12] 		Amboise.setCenter(new GLatLng(47.413162,0.985143), 13);
  [13] 		Amboise.addControl(new GMapTypeControl());
  [14] 	}else{
  [15] 		alert('Désolé, mais votre navigateur n\'est pas compatible avec Google Maps');
  [16] 	}
  [17] }
  [18] //]]>
  [19] </script>
  [20] </head>
  [21] 
  [22] <body onload="load()" onunload="GUnload()">
  [23] <center>
  [24] 	<div id="EmplacementDeMacarte" style="width: 740px; height: 400px"></div>
  [25] </center>
  [26] </body>
  [27] </html>

Pour télécharger / copier le code cliquez ici, et n'oubliez pas de remplacer la clef API par la vôtre.

EXPLICATIONS

Ligne [06] :
n'oubliez pas de remplacer Votre_Clef_API_Ici par la clé API que google maps vous a fourni pour votre site

Ligne [13] :
par défaut, addControl(new GMapTypeControl()); affiche les boutons [ Plan ] - [ Satellite ] - [ Mixte ]

dans cet ordre,
et positionnés en haut à droite de la carte.

REMARQUES

Néant