Le portail francophone de la géomatique

Sylvie,
Exactement de la même manière que pour une couche, mais au lieu d'avoir une hauteur et une largeur égale à la hauteur et la largeur de la carte, celle-ci à une hauteur et une largeur différente et est lié à la position de la souris.

Pour rentrer dans les détails, la carte est une balise HTML div de 500 * 200 par exemple, les couches sont dans un div également de même largeur et hauteur, ce div contient x div qui correspondent à chaque tuile, ainsi si la carte a 3*2 tuiles il y a aura 6 div dans le div de la couche.

Maintenant, pour ce qui nous intéresse, le div de la couche a une largeur et une hauteur de 100*50 par exemple, et celui-ci contient le même nombre de tuile (3*2) qui débordent donc du div de la couche. Quand celui-ci se déplace il affiche la tuile dessous. Il existe un paramètre CSS qui empêche un contenu qui déborde d'un div d'être visible.

Après il est possible de déplacer un div en fonction de la position de la souris en javascript.

Y.