APPLICATIONS-GOOGLE-MAPS.com

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

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 :

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).