groups

Link to this snippet:


Download to Code Collector

language: Other
licence: Other

JS/HTML : api google map

options: send to code collectorview all pierre alexandre payet's snippets
 <?xml version="1.0" encoding="utf-8"?>
      <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
      <html xmlns="http://www.w3.org/1999/xhtml" xmlns:v="urn:schemas-microsoft-com:vml" xml:lang="fr">
      <head>
      <meta http-equiv="content-type" content="text/html; "/>
      <title></title>
      <!-- Chargement du script Google Maps, version 2.x, en précisant votre clé -->
      <script src="http://maps.google.com/maps?file=api&v=2.x&key=ABQIAAAApabMS0c77x8ejH_PFMkvwhQJAc2q0tY-OfkcfO2wQXuJfp6JLhRkDXdQP48lnq6eBp2whzHvk6l9-w&sensor=false" type="text/javascript"></script>
      <script type="text/javascript">
      //<![CDATA[
     
      function initialize() {
     
      if (GBrowserIsCompatible()) {
      
      var maCarte = new GMap2(document.getElementById("EmplacementDeMaCarte"));
     
      maCarte.setCenter(new GLatLng(47.399744, 0.685444), 13);
     
      maCarte.addMapType(G_SATELLITE_3D_MAP);
     
      maCarte.setUIToDefault();
     
      }else{
     
      alert('Désolé, mais votre navigateur n\'est pas compatible avec Google Maps');
      }
      }
      //]]>
      </script>
      </head>
       
      <!-- Une fois la page chargée la fonction initialize() est exécutée. -->
      <!-- A la fermeture de la page , la fonction GUnload() est exécutée. -->
      <body onload="initialize()" onunload="GUnload()">
      <!-- La carte nommée "maCarte", va venir s'afficher à l' intérieur de -->
      <!-- la balise <div> ayant pour identifiant id="EmplacementDeMaCarte". -->
      <!-- Elle fera donc 740 pixels de large et 400 pixels de haut. -->
      <div id="EmplacementDeMaCarte" style="width: 740px; height: 400px"></div>
      <!-- Si JavaScript n'est pas activé sur votre navigateur, le message d'alerte situé entre les balises <noscript></noscript> s'affichera -->
      <noscript>
      <p>Attention : </p>
      <p>Afin de pouvoir utiliser Google Maps, JavaScript doit être activé.</p>
      <p>Or, il semble que JavaScript est désactivé ou qu'il n'est 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>