Classe GInfoWindow

La classe GInfoWindow ne dipsose pas de constructeur (il n’est pas nécessaire de la déclarer à l’aide du terme new pour l’utiliser).

NB: lire aussi la gestion des événements liés aux fenêtres d’information, la classe GInfoWindowTab (affichage d’onglets dans l’info bulle) ainsi que la classe de gestion des options dans l’info bulle (gInfowindowOptions).

Pour appliquer les méthodes de la classe GInfoWindow, on utilise la notation suivante:

<script type="text/javascript">

   Ici, suite à un glisser / déposer de la carte (événement dragend = fin du déplacement)
   on rend invisible la fenêtre d'information ouverte, si fenêtre d'information
   ouverte il y a, of course ! ...   

   var map = new GMap2(document.getElementById('map'), { size: new GSize(655,300)});
   /* Ici, nous déclarons l'élément html ayant pour id "map" comme conteneur de la map
   avec une taille de 655 * 300 pixel */

   GEvent.addListener(map, "dragend", function() {
     map.getInfoWindow().hide();
   });

   // Dans cet exemple, nous déclarons un écouteur d'événements
   // qui déclenche une fonction suite à l'événement dragend = fin de drag / drop.
   // Cette fonction se charge de rendre invisible la fenêtre d'information ouverte
   // sur la carte à l'aide des méthodes getInfoWindow et hide()
   // appliquées sur l'objet map.

</script>

selectTab

Signature de la méthode selectTab : selectTab(index : Number) .

Permet de changer d’onglet actif dans la fenêtre d’information si celle-ci a été construite à l’aide de la méthode openInfoWindowTabs.
L’index correspond à l’indice de l’onglet concerné dans le tableau représentant tous les onglets déclarés dans cette fenêtre d’information.

hide()

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

Permet de rendre la fenêtre d’information invisible suite à un événement détecté sur la carte par exemple. Cf exemple ci-dessus.

show()

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

Permet de rendre la fenêtre d’information visible suite à un événement détecté sur la carte par exemple si cette fenêtre avait rendue invisible auparavant.

isHidden()

Signature de la méthode isHidden : isHidden(booléen) .

Retourne true si la fenêtre d’information est invisible. À noter que cette méthode renverra également true si la fenêtre est fermée.

reset()

Signature de la méthode reset : reset(latlng : GLatLng, tabs : GInfoWindowTab[], size : GSize, offset? : GSize, selectedTab? : Number).

Réinitialise l’état de la fenêtre d’information. Si les différents arguments renseignés lors de l’appel à cette méthode sont à null, les valeurs initiales de la fenêtre d’information ne seront pas modifiés.
À noter qu’il faut renseigner tous les arguments (même à null) pour que la méthode fonctionne.

Par exemple, si vous souhaitez ne modifer que le premier argument (latlng), il faudra appeler la méthode reset de cette façon :

NB : dans cet exemple, nous ne traitons que l’appel à la méthode reset. Le code ci-dessous ne permet donc pas de générer l’exemple illustré, car il nécessite bien entendu plus de lignes de code. Encore une fois, c’est l’exemple de l’appel à notre méthode qui est mis en avant ici.

<script type="text/javascript">

   var map = new GMap2(document.getElementById('map'), { size: new GSize(655,300)});
   /* Ici, nous déclarons l'élément html ayant pour id "map" comme conteneur de la map
   avec une taille de 655 * 300 pixel */

   GEvent.addListener(map, "dragend", function() {
     map.getInfoWindow().reset(new GLatLng(48.8566667, 2.3509871),null, null, null);
	 // Équivaut à Paris
   });

   // Dans cet exemple, la fenêtre d'information associée au marker
   // changera de marker à la fin du glisser / déposer de la map.
   // Le nouveau marker associé à cette fenêtre sera le point
   // représentant Paris.

</script>

Exemple d’utilisation de la méthode reset()

Pour constater la mise en évidence de cette méthode, vous devez tout d’abord ouvrir le marker représentant la ville de Brest (le plus à gauche …) puis dragger la carte.
À la fin du drag / drop, la fenêtre qui était associée au point représentant Brest devrait maintenant être associée au point représentant Paris. Si vous la fermez puis la rouvrez en cliquant le marker situé à Brest, cette fenêtre sera à nouveau associée à Brest.

getPoint()

Signature de la méthode getPoint : getPoint(GLatLng) .

Retourne un objet de type GLatLng représentant les coordonnées géographiques du point auquel est associée la fenêtre d’information ouverte sur la map.

getPixelOffset()

Signature de la méthode getPixelOffset : getPixelOffset(GSize) .

Retourne le décalage (objet de type GSize), en pixels, de la pointe de la fenêtre d’information par rapport au point auquel celle-ci est associée.

getSelectedTab()

Signature de la méthode getSelectedTab : getSelectedTab(Number) .

Retourne l’indice de l’onglet affiché lors du chargement de la fenêtre d’information. Si cette fenêtre a été construite avec la méthode openInfoWindow, la méthode getSelectedTab retourne 0.
Si en revanche elle a été construite avec la méthode openInfoWindowTabs (fenêtre contenant des onglets), la méthode retournera l’onglet actif au chargement déclaré au moyen de la propriété selectedTab.

getTabs()

Disponible depuis la version 2.59 de l’Api.

Signature de la méthode getTabs : getTabs(GInfoWindowTab[]) .

Retourne les informations des onglets présents dans la fenêtre d’information sur laquelle s’applique la méthode. Le tableau contient le nom des onglets, leur contenu, les actions définies suite à un click, …

NB: dans cet exemple, survolez la carte avec votre souris pour voir ce que la méthode getTabs peut retourner comme informations liées à la fenêtre ouverte:

getContentContainers()

Disponible depuis la version 2.59 de l’Api.

Signature de la méthode getContentContainers : getContentContainers(Node[]) .

Tout comme la méthode getTabs, la méthode getContentContainers retourne quantité d’informations liées au contenu des onglets présents dans la fenêtre d’informations concernée.

Ci-dessous, un listing des informations retournées par cette méthode pour un élément donné :

scrollWidth:0
clientLeft:0
clientHeight:0
clientWidth:0
clientTop:0
getClientRects:function getClientRects() { [native code] }
getBoundingClientRect:function getBoundingClientRect() { [native code] }
getElementsByClassName:function getElementsByClassName() { [native code] }
baseURI:https://www.weboblog.fr/classe-ginfowindow
textContent:au revoir Paris
compareDocumentPosition:function compareDocumentPosition() { [native code] }
getUserData:function getUserData() { [native code] }
isSameNode:function isSameNode() { [native code] }
lookupNamespaceURI:function lookupNamespaceURI() { [native code] }
setUserData:function setUserData() { [native code] }
lookupPrefix:function lookupPrefix() { [native code] }
isDefaultNamespace:function isDefaultNamespace() { [native code] }
isEqualNode:function isEqualNode() { [native code] }
dispatchEvent:function dispatchEvent() { [native code] }
removeEventListener:function removeEventListener() { [native code] }
style:[object CSSStyleDeclaration]
contentEditable:inherit
offsetParent:null
innerHTML:<div>au revoir Paris</div>
offsetLeft:0
offsetTop:0
offsetHeight:0
offsetWidth:0
className:
id:
title:
tagName:DIV
removeAttributeNS:function removeAttributeNS() { [native code] }
removeAttribute:function removeAttribute() { [native code] }
getAttribute:function getAttribute() { [native code] }
getElementsByTagName:function getElementsByTagName() { [native code] }
setAttribute:function setAttribute() { [native code] }
getElementsByTagNameNS:function getElementsByTagNameNS() { [native code] }
hasAttributeNS:function hasAttributeNS() { [native code] }
setAttributeNS:function setAttributeNS() { [native code] }
hasAttribute:function hasAttribute() { [native code] }
getAttributeNS:function getAttributeNS() { [native code] }
nextSibling:[object HTMLDivElement]
firstChild:[object HTMLDivElement]
prefix:null
nodeValue:null
childNodes:[object NodeList]
nodeName:DIV
namespaceURI:null
previousSibling:[object HTMLImageElement]
nodeType:1
localName:DIV
lastChild:[object HTMLDivElement]
ownerDocument:[object HTMLDocument]
parentNode:[object HTMLDivElement]
attributes:[object NamedNodeMap]
appendChild:function appendChild() { [native code] }
cloneNode:function cloneNode() { [native code] }
normalize:function normalize() { [native code] }
hasChildNodes:function hasChildNodes() { [native code] }
insertBefore:function insertBefore() { [native code] }
replaceChild:function replaceChild() { [native code] }
removeChild:function removeChild() { [native code] }
hasAttributes:function hasAttributes() { [native code] }
isSupported:function isSupported() { [native code] }
getAttributeNode:function getAttributeNode() { [native code] }
setAttributeNode:function setAttributeNode() { [native code] }
removeAttributeNode:function removeAttributeNode() { [native code] }
getAttributeNodeNS:function getAttributeNodeNS() { [native code] }
setAttributeNodeNS:function setAttributeNodeNS() { [native code] }
ELEMENT_NODE:1
ATTRIBUTE_NODE:2
TEXT_NODE:3
CDATA_SECTION_NODE:4
ENTITY_REFERENCE_NODE:5
ENTITY_NODE:6
PROCESSING_INSTRUCTION_NODE:7
COMMENT_NODE:8
DOCUMENT_NODE:9
DOCUMENT_TYPE_NODE:10
DOCUMENT_FRAGMENT_NODE:11
NOTATION_NODE:12
lang:
dir:
align:
tabIndex:-1
draggable:false
blur:function blur() { [native code] }
focus:function focus() { [native code] }
spellcheck:false
getFeature:function getFeature() { [native code] }
DOCUMENT_POSITION_DISCONNECTED:1
DOCUMENT_POSITION_PRECEDING:2
DOCUMENT_POSITION_FOLLOWING:4
DOCUMENT_POSITION_CONTAINS:8
DOCUMENT_POSITION_CONTAINED_BY:16
DOCUMENT_POSITION_IMPLEMENTATION_SPECIFIC:32
scrollTop:0
scrollLeft:0
scrollHeight:0
firstElementChild:[object HTMLDivElement]
lastElementChild:[object HTMLDivElement]
previousElementSibling:[object HTMLImageElement]
nextElementSibling:[object HTMLDivElement]
childElementCount:1
children:[object HTMLCollection]
querySelector:function querySelector() { [native code] }
querySelectorAll:function querySelectorAll() { [native code] }
scrollWidth:217
clientLeft:0
clientHeight:58
clientWidth:217
clientTop:0
getClientRects:function getClientRects() { [native code] }
getBoundingClientRect:function getBoundingClientRect() { [native code] }
getElementsByClassName:function getElementsByClassName() { [native code] }
baseURI:https://www.weboblog.fr/classe-ginfowindow
textContent:bonjour Paris
compareDocumentPosition:function compareDocumentPosition() { [native code] }
getUserData:function getUserData() { [native code] }
isSameNode:function isSameNode() { [native code] }
lookupNamespaceURI:function lookupNamespaceURI() { [native code] }
setUserData:function setUserData() { [native code] }
lookupPrefix:function lookupPrefix() { [native code] }
isDefaultNamespace:function isDefaultNamespace() { [native code] }
isEqualNode:function isEqualNode() { [native code] }
dispatchEvent:function dispatchEvent() { [native code] }
removeEventListener:function removeEventListener() { [native code] }
style:[object CSSStyleDeclaration]
contentEditable:inherit
offsetParent:[object HTMLDivElement]
innerHTML:<div>bonjour Paris</div>
offsetLeft:16
offsetTop:16
offsetHeight:58
offsetWidth:217
className:
id:
title:
tagName:DIV
removeAttributeNS:function removeAttributeNS() { [native code] }
removeAttribute:function removeAttribute() { [native code] }
getAttribute:function getAttribute() { [native code] }
getElementsByTagName:function getElementsByTagName() { [native code] }
setAttribute:function setAttribute() { [native code] }
getElementsByTagNameNS:function getElementsByTagNameNS() { [native code] }
hasAttributeNS:function hasAttributeNS() { [native code] }
setAttributeNS:function setAttributeNS() { [native code] }
hasAttribute:function hasAttribute() { [native code] }
getAttributeNS:function getAttributeNS() { [native code] }
nextSibling:null
firstChild:[object HTMLDivElement]
prefix:null
nodeValue:null
childNodes:[object NodeList]
nodeName:DIV
namespaceURI:null
previousSibling:[object HTMLDivElement]
nodeType:1
localName:DIV
lastChild:[object HTMLDivElement]
ownerDocument:[object HTMLDocument]
parentNode:[object HTMLDivElement]
attributes:[object NamedNodeMap]
appendChild:function appendChild() { [native code] }
cloneNode:function cloneNode() { [native code] }
normalize:function normalize() { [native code] }
hasChildNodes:function hasChildNodes() { [native code] }
insertBefore:function insertBefore() { [native code] }
replaceChild:function replaceChild() { [native code] }
removeChild:function removeChild() { [native code] }
hasAttributes:function hasAttributes() { [native code] }
isSupported:function isSupported() { [native code] }
getAttributeNode:function getAttributeNode() { [native code] }
setAttributeNode:function setAttributeNode() { [native code] }
removeAttributeNode:function removeAttributeNode() { [native code] }
getAttributeNodeNS:function getAttributeNodeNS() { [native code] }
setAttributeNodeNS:function setAttributeNodeNS() { [native code] }
ELEMENT_NODE:1
ATTRIBUTE_NODE:2
TEXT_NODE:3
CDATA_SECTION_NODE:4
ENTITY_REFERENCE_NODE:5
ENTITY_NODE:6
PROCESSING_INSTRUCTION_NODE:7
COMMENT_NODE:8
DOCUMENT_NODE:9
DOCUMENT_TYPE_NODE:10
DOCUMENT_FRAGMENT_NODE:11
NOTATION_NODE:12
lang:
dir:
align:
tabIndex:-1
draggable:false
blur:function blur() { [native code] }
focus:function focus() { [native code] }
spellcheck:false
getFeature:function getFeature() { [native code] }
DOCUMENT_POSITION_DISCONNECTED:1
DOCUMENT_POSITION_PRECEDING:2
DOCUMENT_POSITION_FOLLOWING:4
DOCUMENT_POSITION_CONTAINS:8
DOCUMENT_POSITION_CONTAINED_BY:16
DOCUMENT_POSITION_IMPLEMENTATION_SPECIFIC:32
scrollTop:0
crollLeft:0
scrollHeight:58
firstElementChild:[object HTMLDivElement]
lastElementChild:[object HTMLDivElement]
previousElementSibling:[object HTMLDivElement]
nextElementSibling:null
childElementCount:1
children:[object HTMLCollection]
querySelector:function querySelector() { [native code] }
querySelectorAll:function querySelectorAll() { [native code] }

enableMaximize()

Disponible depuis la version 2.93 de l’Api.

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

Permet la maximisation de la fenêtre d’information. Une fenêtre maximisable peut s’élargir jusqu’à remplir l’ensemble de la carte comprenant les contenus spécifiés à l’aide des propriétés maxContent et maxTitle renseignées via la classe GInfoWindowOptions.

NB : pour que cette méthode ait un effet sur la carte, la fenêtre d’information doit avoir été construite en utilisant les options maxContent ou maxTitle. Une fenêtre d’information ouverte avec ces options sera maximisable par défaut.

disableMaximize()

Disponible depuis la version 2.93 de l’Api.

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

Permet de désactiver la maximisation de la fenêtre d’information.

NB : pour que cette méthode ait un effet sur la carte, la fenêtre d’information doit avoir été construite en utilisant les options maxContent ou maxTitle.
À noter que si la fenêtre concernée est ouverte, cette fonction retirera le bouton "maximiser" mais ne restaurera pas la fenêtre à son état initial, c’est-à-dire minimal
.

maximize()

Disponible depuis la version 2.93 de l’Api.

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

Permet de maximiser la fenêtre d’information. En d’autres termes, l’agrandir pour afficher son contenu intégral.

NB : pour que cette méthode ait un effet sur la carte, la fenêtre d’information doit avoir été construite en utilisant les options maxContent ou maxTitle.
À noter que sa "maximisation" ne doit pas avoir été désactivée via la méthode disableMaximize
.

Exemple d’utilisation de la méthode maximize: dans cet exemple, cliquez sur le bouton “+” afin de lire le contenu intégral de la fenêtre d’information:

restore()

Disponible depuis la version 2.93 de l’Api.

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

Permet de restaurer la fenêtre d’information à son état initial ou non-maximisé.

NB : pour que cette méthode ait un effet sur la carte, la fenêtre d’information doit avoir été construite en utilisant les options maxContent ou maxTitle.

Laisser une réponse

Security Code: