Aller au contenu

Afficher des infobulles sur des objets#

📆 Date de publication initiale : 22 août 2008

Introduction#

Logo OpenLayers

Pour la réalisation de la page des DCP de La Réunion j'avais besoin de pouvoir au survol de la souris d'afficher une infobulle contenant le nom de l'objet. Pour cela j'ai mis au point un petit script que je vous présenterai ci-dessous.

Intégration du script#

Après avoir téléchargé le script des infobulles il vous suffit de l'inclure dans votre page de la manière suivante :

1
2
<script src="http://geotribu.net/node/pathToScript/OpenLayers.js" type="text/javascript"> </script>
<script src="http://geotribu.net/node/pathToScript/toolTips.js" type="text/javascript"> </script>

Définir un style pour la barre d'outils#

Dans l'exemple qui va suivre, nous allons utiliser le script toolTips.js pour afficher le nom du pays au survol, de la souris

1
2
marker1.events.register("mouseover",{'feature': feature1,'bgColor':'blue','fontColor':'white','opacity':'0.5'}, toolTips);
marker1.events.register("mouseout", feature1, eraseToolTips);

marker1 est obtenu à partir de la méthode createMarker() de l'objet Feature. Le nom de chaque pays est en fait l'ID de l'objet feature, enfin, vous avez la possibilité de personnaliser les toolTips en modifiant les valeurs de 'bgColor','fontColor','opacity'.

L'exemple ci-dessous très simpliste présente l'utilisation de ce script:

Info

Le serveur hébergeant la démonstration n'étant plus disponible depuis de nombreuses années, la démonstration, autre fois intégrée en iFrame est désactivée.
<iframe src="http://geotribu.net/applications/tutoriaux/openlayers/tooltips/toolTips_geotribu.htm" width="100%" height="350px"></iframe>


Auteur#

Arnaud Vandecasteele#

portrait

Bien qu'issu à l'origine d'un parcours universitaire (doctorat et post-doc), j'ai finalement tenté l'aventure entrepreunariale au travers de Geolab.
Mes principaux centres d'intêrets dans le domaine de la géomatique portent sur les logiciels Open Source et plus particulièrement QGIS.
J'aime également le développement informatique avec une forte préférence à tout ce qui se passe côté serveur (base de données, traitements, etc.). Côté techno, mes choix se portent habituellement sur du (Geo)Django et PostgreSQL/PostGIS.

Pendant mon temps libre, vous me trouverez un GPS à la main afin de contribuer à OpenStreetMap ou sur un tatami en train de pratiquer le Jiu-Jitsu Brésilien.

Si vous êtes intéressé par l'un ou tous ces sujets, n'hésitez pas à me contacter !


Dernière mise à jour: 15 juin 2022
Créé: 10 juin 2022

Contributions à cette page : Julien Moura (50.94%), Florian Boret (49.06%)

Ce contenu est sous licence Creative Commons BY-NC-SA 4.0 International Pictogramme Creative Commons Pictogramme Creative Commons BY Pictogramme Creative Commons NC Pictogramme Creative Commons SA


Commentaires

Une version minimale de la syntaxe markdown est acceptée pour la mise en forme des commentaires.
Propulsé par Isso.