API-V2-MAPS.com



Comment utiliser les API's Google Maps, tutoriels Google Maps, cartographie Google Maps


Image
image
image
image





Page précédente   Page suivante

CONTRÔLER LE "ZOOM" À L'AIDE DE LA ROULETTE DE LA SOURIS

Ce contrôle agit sur le zoom de la carte en tournant la roulette de la souris.

<html>
  <head>
    <title>Application Google Maps : Control du zoom à l'aide de la roulette de souris</title>
    <script src="http://maps.google.com/maps?file=api&v=2&key=
    ABQIAAAAFw0lDRKsdCra15LPvIxvehS3Kl_ZRrzIrsFqDz8GBXIeW1O52xQh3P31Xg2eTvqFRAyuOMY4dQrRQw"
    type="text/javascript"></script>
    <script type="text/javascript">//<![CDATA[
      function load()
        {
        if (GBrowserIsCompatible())
          {
          var map = new GMap2(document.getElementById("map"));
          map.setCenter(new GLatLng(48.85929404029, 2.341461181640), 12);
// ajout de la propriété de control du zoom à l'aide de la roulette de souris
          map.enableScrollWheelZoom();
          }
        }
    //]]></script>
  </head>
  <body onload="load()" onunload="GUnload()">
    <div id="map" style="width: 500px; height: 300px"></div>
  </body>
</html>

Explications :

Cette fois, on ajoute la propriérté "enableScrollWheelZoom" (ajout de contrôle du zoom par la roulette de la souris).
Si vous agissez sur la roulette vers l'avant vous zoomerez la carte et inversément si vous tournez la roulette vers l'arrière vous dézoomerez. Pour cela, le curseur de la souris doit se trouver sur la carte !

Résultat :




Page précédente   Page suivante

image


image
Informations :
"Google" et "Google Maps" sont des noms déposés par la société Google, Inc. de Mountain View (Comté de Santa Clara, Californie, USA).















image
  © Copyright 2008© VDC
  Tout droits réservés
  Date de création : 01/06/2008
  Dernière mise à jour : 30/07/2008