GMap2 - Overlays

Les méthodes liées aux superpositions (overlays) permettent d’ajouter ou d’enlever des éléments de la carte.

Accès direct aux méthodes:
addOverlay removeOverlay clearOverlays getPane

addOverlay()

Signature de la méthode addOverlay :
addOverlay(overlays : GOverlay).

La méthode addOverlay permet d’ajouter un élément sur la carte. C’est cette méthode qui est utilisée pour ajouter un marker sur la map par exemple.
Lorsque que cette méthode est appelée, l’événement addoverlay [bientôt en ligne] est déclenché.

<script type="text/javascript">

   var map = new GMap2(document.getElementById('map'));
   /* Ici, nous déclarons l'élément html ayant pour id "map" comme conteneur de la map */

   map.addOverlay(monMarker);
   /* En considérant un marker nommé "monMarker" déjà défini dans l'application,
    la méthode addOverlay() se chargera de l'afficher sur la carte. */

</script>

removeOverlay()

Signature de la méthode removeOverlay :
removeOverlay(overlays : GOverlay).

La méthode removeOverlay permet d’enlever un élément de la carte. Tenter de supprimer un élément qui n’existe pas déclenchera une erreur.
Lorsque que cette méthode est appelée, l’événement removeoverlay [bientôt en ligne] est déclenché.

<script type="text/javascript">

   var map = new GMap2(document.getElementById('map'));
   /* Ici, nous déclarons l'élément html ayant pour id "map" comme conteneur de la map */

   map.removeOverlay(monMarker);
   /* En considérant un marker nommé "monMarker" déjà défini dans l'application,
    la méthode removeOverlay() se chargera de l'enlever de la carte. */

</script>

clearOverlays()

Signature de la méthode clearOverlays :
clearOverlays().

La méthode clearOverlays permet d’enlever tous les éléments de la carte.
Lorsque que cette méthode est appelée, l’événement clearoverlays [bientôt en ligne] est déclenché.

<script type="text/javascript">

   var map = new GMap2(document.getElementById('map'));
   /* Ici, nous déclarons l'élément html ayant pour id "map" comme conteneur de la map */

   map.clearOverlays();
   /* La méthode clearOverlays() se charge d'enlever tous les éléments de la carte. */

</script>

getPane()

Signature de la méthode getPane :
getPane(pane : GMapPane).

La méthode getPane retourne un DIV contenant l’ensemble des objets de la couche identifiée par le paramètre pane.

<script type="text/javascript">

   var map = new GMap2(document.getElementById('map'));
   /* Ici, nous déclarons l'élément html ayant pour id "map" comme conteneur de la map */

   map.addOverlay(monMarker);
   /* En considérant un marker nommé "monMarker" déjà défini dans l'application,
    la méthode addOverlay() se chargera de l'afficher sur la carte. */

   var coucheDesMarkers = map.getPane(G_MAP_MARKER_PANE);
   /* La variable coucheDesMarkers contient l'ensemble des objets
   appartenant à la couche G_MAP_MARKER_PANE et
   représente cette même couche. */

   var div = document.createElement('div');
   div.style.height = '30px';
   div.style.width = '30px';
   div.style.background = '#eee';
   /* Création d'un div carré de 30px de côté et de couleur grise. */

   pane.appendChild(div);
   /* Ajout de ce div sur la carte au niveau de la couche
   représentant les markers. */

</script>

Laisser une réponse

Security Code: