APPLICATIONS-GOOGLE-MAPS.com

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

AJOUT D'UN MARKER DÉPLAÇABLE

Le marqueur déplaçable peut être ajusté par le visiteur.

Le déplacement d'un marqueur par le visiteur, n'impactera pas le site !!

Génération cette fonction est liée à une action !

<html>
  <head>
    <title>Application Google Maps : Ajout d'un marker déplaçable</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);
// "point" correspond aux coordonnées du marqueur de départ
          var point = new GLatLng(48.85846111697847, 2.2944045066833496);
// On ajoute la propriété "draggable" (déplaçable) au marqueur
          var marker = new GMarker(point, {draggable: true});
// Affichage par superposition du marqueur
          map.addOverlay(marker);
          }
        }
    //]]></script>
  </head>

  <body onload="load()" onunload="GUnload()">
    <div id="map" style="width: 500px; height: 300px"></div>
  </body>
</html>

Explications :

Initialisation de la variable "point" qui contiendra les coordonnées longitude/latitude du marqueur. Dans l'exemple, les coordonnées sont celles de la Tour Eiffel.

Ajout de la propriété "draggable" (déplaçable) au marqueur.

Pour ajouter le marker mise en oeuvre de la méthode "addOverlay" (superposer).

Pour déplacer le marqueur vous devez amener le curseur de la souris sur le marqueur. En maintenant le bouton gauche de la souris enfoncé, déplacez le marqueur. En relachant le bouton gauche de la souris, le marqueur se redépose à l'endroit où votre curseur de souris est arrivé.

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