Section courante

A propos

Section administrative du site

Voici le premier programme comme on l'appelle dans le jargon, le premier programme permettant d'afficher une simple carte de Montréal avec la version 3 de l'API de Google (N.B.: N'oubliez pas de remplacer la clef par celle fournit par Google) :

  1. <html>
  2. <head>
  3. <script src="http://maps.googleapis.com/maps/api/js?key=XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX&sensor=true" type="text/javascript"></script>
  4. </head>
  5. <body>
  6. <div id="macarte" style="width: 750px; height: 300px;float:left;"></div>
  7. <script type="text/javascript">
  8. var map = new google.maps.Map(document.getElementById('macarte')),{
  9.  center: new google.maps.LatLng(45.57752, -73.74496),
  10.  zoom: 11,
  11.  mapTypeId: google.maps.MapTypeId.ROADMAP
  12. });
  13. </script>
  14. </body>
  15. </html>

ou avec les API de la version 2 :

  1. <html>
  2. <head>
  3. <script src="http://maps.google.com/maps?file=api&v=2&key=XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX" type="text/javascript"></script>
  4. </head>
  5. <body>
  6. <div id="macarte" style="width: 750px; height: 300px;float:left;"></div>
  7. <script type="text/javascript">
  8. var map = new GMap2(document.getElementById('macarte'));
  9. map.setCenter(new GLatLng(45.57752, -73.74496), 11);
  10. </script>
  11. </body>
  12. </html>

on obtiendra le résultat suivant :



Dernière mise à jour : Samedi, le 6 octobre 2012