Google MAP

Google MAP - HTML/CSS - Programmation

Marsh Posté le 05-06-2007 à 16:44:18    

Salut à tous, j'ai instalé un modul google map sur mon site mais la page reste blanche...
Voici le lien expliquant comment fonctionne google map pour les interessés : http://www.svmlemag.fr/pratique/in [...] votre_site
J'ai suivi la démarche, mon fichier map.html est disponible ici :
http://supertoms.free.fr/map.html
Comme vous le voyez, c'est vide ! Pourtant j'ai bien modifié le fichier comme il fallait, voici le code source :

Code :
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  2. <html>
  3.   <head>
  4.     <meta http-equiv="content-type" content="text/html; charset=UTF-8"/>
  5. <title>Google Maps SVM décembre 2006</title>
  6. <script src=ABQIAAAAi2wfgTxHqnO7LA9jKx6o6BQmFXoHmRjyoRA4F3rSnKgU-MlLQhRMg0Q3isrP7KEwDuM39fFFtx2feQ"http://maps.google.com/maps?file=api&amp;v=2&amp;key=ABQIAAAAm5iA9RbAPVNokj4Fhd9KcBTUNzb7pgy8Xi1iEQ7P-8UzfKMlKBS2vv-cmBHXu08z-bxJ0jYZwrGPlg"
  7.       type="text/javascript"></script><!-- mettez votre clé ci-dessus dans key=.... -->
  8. <script>
  9. function createMarker(point,text) {
  10.   var marker = new GMarker(point);
  11.   GEvent.addListener(marker, "click", function() {   marker.openInfoWindowHtml(text);  });
  12.   return marker; //fonction qui affiche l'info bulle légende sur le marqueur
  13. }
  14. function load() {
  15.  if (GBrowserIsCompatible()) {
  16.   var Lat=47.15984,2.988281 // rentrez ici votre longitude
  17.   var Lng=45.780813,3.098145 // rentrez ici votre lattitude
  18.   var Zoom=16 // rentrez ici le zoom désiré entre 1 et 16
  19.   var TextAffiche="Institution Monanges"; // rentrez ici votre texte qui sera affiche sur le point marqueur
  21.   var map = new GMap2(document.getElementById("map" )); // affiche le module
  22.   map.setCenter(new GLatLng(Lat,Lng ),Zoom ); //affiche la carte au lieu précisé
  23.   map.addControl(new GSmallMapControl()); // affiche le curseur de zoom
  24.   map.addControl(new GMapTypeControl()); // affiche le curseur de déplacement
  26.   var point = new GLatLng(Lat,Lng);
  27.   var marker = createMarker(point,TextAffiche);
  28.   map.addOverlay(marker); // ces 3 lignes définissent le point et sa légende
  29.  }
  30. }
  31. </script>
  32. </head>
  34.   <body onload="load()" onunload="GUnload()">
  35.     <div id="map" style="width:500px;height:300px"></div> <!-- rentrez ici la largeur et hauteur en pixel du module -->
  36.   </body>
  37. </html>


 
Il faut peut-etre un certain temps avant que google ne valide le site ?
Merci pour votre aide !

Reply

Marsh Posté le 05-06-2007 à 16:44:18   

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed