Classe GInfoWindowTab

Un tableau d’instances de la classe GInfoWindowTab peut être passé en paramètre (argument tabs (onglets)) aux méthodes GMap2.openInfoWindowTabs(), GMap2.openInfoWindowTabsHtml(), GMarker.openInfoWindowTabs(), GMarker.openInfoWindowTabsHtml(), ainsi qu’aux variantes de GMarker.bindInfoWindow().

Si ce tableau contient plus d’un élément, la fenêtre d’information (info bulle) affichera autant d’onglets que d’éléments présents dans ce tableau.

Chaque objet InfoWindowTab est composé de 2 paramètres, à savoir:

  • content: définit le contenu à afficher lorsque l’onglet est sélectionné.
  • label: définit le titre de l’onglet.

Ces propriétés sont passées comme arguments au constructeur de la classe. Pour la méthode openInfoWindowTabs(), le contenu sera un élément DOM HTML. En revanche, pour la méthode openInfoWindowTabsHtml(), le contenu sera une chaîne de caractères au format HTML.

NB: voir aussi la classe GInfoWindow, la gestion des événements liés aux fenêtres d’information et les options liées aux fenêtres d’information.

constructeur GInfoWindowTab

Signature de la classe GInfoWindowTab :GInfoWindowTab(label: String, content: Node or String).

Cette méthode créé une fenêtre d’information à onglets passés en paramètre lors de l’appel aux méthodes de type openInfoWindowTabs.

Exemple d’utilisation de la classe GInfoWindowTab : 

<script type="text/javascript">

   Dans cet exemple, nous ne traitons que la gestion de la classe GInfoWindowTab.
   Il s'agit essentiellement de montrer la manière de renseigner des éléments de type
   GInfoWindowTab à une fenêtre d'information.   

   var myTabs = [
     new GInfoWindowTab('Weboblog', 'All about Google Map Api'),
     new GInfoWindowTab('Google Map', 'Ça se passe sur weboblog.fr')
   ];
   /* Déclaration et remplissage d'un tableau qui contiendra nos objets
   de types GInfoWindowTab pour une fenêtre d'information. */

   /* Ici, notre fenêtre disposera de 2 onglets.
   Le premier aura pour titre Weboblog et pour contenu All about Google Map Api.

   Le second onglet aura quant à lui pour titre Google Map et pour contenu
   Ça se passe sur weboblog.fr.

   NB: l'attribution de cette fenêtre d'information à notre marker (cf ci-dessous)
   déclare le second onglet comme onglet à afficher au chargement avec la propriété:
   selectedTab: 1 */

   GEvent.addListener(marker, "click", function() {
     marker.openInfoWindowTabs(myTabs, {selectedTab: 1, maxWidth: 300});
   });
   /* Attribution de la fenêtre d'information à onglets à
   notre marker, objet de type GMarker.

</script>

 

Exemple d’utilisation de la classe GInfoWindowTab :

Laisser une réponse

Security Code: