5
16 aoû 2009

Introduction


Une des fonctionnalités qui me semble intéressante dans la librairie GoogleMaps et que je n'ai encore trouvé nulle part ailleurs est la possibilité d'afficher des infobulles avec des onglets. Mais avec l'arrivée de GeoExt et de sa classe Popup hautement personnalisable cela est dorénavant faisable. Regardons comment y arriver.

Création du popup


L'objet Popup de GeoExt hérite de la classe Windows d'EXT. Dans celle-ci il est possible d'ajouter des éléments supplémentaires via la propriété items, dans notre cas nous y ajouterons un objet tabPanel.

Regardons en détail comment cela se passe :


var tab = new Ext.TabPanel({
activeTab : 0
,border:false
,items: [{
title: 'Texte',
html : "Lorem ipsum dolor sit ame ... id est laborum"
},{
title: 'Image',
html: 'another content'
}]
});

popup = new GeoExt.Popup({
feature : e.feature
,closable : false
,unpinnable : false
,collapse : false
,collapsible: false
,resizable : false
,width : 250
,height : 250
,anchored : true
,layout : 'fit'
,items: [ tab ]
});

Comme vous pouvez le constater cela n'a rien de compliqué, juste une simple utilisation des composants de base d'Ext et de GeoExt.

Exemple


exemple_popup.png

A propos de l'auteur: 
Arnaud Vandecasteele

Fervent défenseur de l'Open Source, Arnaud s'est spécialisé dans le développement d'application cartographiques web. OpenLayers, PostGIS ou encore Django sont autant d'outils qu'il manipule au quotidien.
S'il n'est pas en face de son ordinateur, vous le retrouverez un GPS à la main en train de cartographier pour OpenStreetMap, de faire voler son drone ou sur un tatami !

Commentaires

Hello guys the active example is not working.
Best Regards
Rengifo

Hello Rengifo,

I just try the example and it works fine for me.
Do you have more informations?

Regards

Arnaud

Bonjour,

merci pour toutes les infos que vous livrez et la pédagogie que vous déployez au néophyte que je suis.

juste un mot pour vous signifier que le lien ne fonctionne pas.

Christian

http://pofableau.com

En effet ça ne fonctionne plus ... nous investiguons

Merci pour ce tuto.

est t il possible d'afficher un popup pour les villes et les montagnes.

D'après mes tests je peux afficher un popup sur les montagnes que si je décoche la couche ville.

Merci