Discussion :

[csseur22]

Bonjour,

j'ai pour ma carte ce code:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
			var geoXml = new GGeoXml("http://www.example.com/rss.php");
			map.addOverlay(geoXml);
 
    var toggleState = 1;
    function toggleMyKml() {
      if (toggleState == 1) {
        map.removeOverlay(geoXml);
        toggleState = 0;
      } else {
        map.addOverlay(geoXml);
        toggleState = 1;
      }
    }

et donc dans mon html:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<input type="button" value="Toggle KML" onClick="toggleMyKml();"/>

Mais le toggle ne fonctionne pas tout fonctionne pourtant dans ma map à part cela.

Quel est le problème?

++

[bigben89]

Salut.

Pour afficher/cacher l'objet, pourquoi ne pas utiliser directement les fonctions hide() et show() de l'objet geoXml ? J'aurais tendance à faire comme ça :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
function toggleMyml(){
    if( geoXml.isHidden() ){
        geoXml.show();
    }else{
        geoXml.hide();
    }
}

Je n'ai jamais essayer le GGeoXml, mais le show/hide doit marcher comme pour les marqueurs, je présume.

[csseur22]

pas l'air d'avoir plus d'effet

voici ma carte: http://www.trouvetongull.info/carte-villes/ le toggle doit agir sur les bleus.

++

[bigben89]

Le problème, c'est que ta fonction est déclarée à intérieur de la fonction load, et n'est donc pas visible en dehors.
La solution la plus simple que je verrais, ce serait de mettre un id="boutonToggleMyKml" sur ton bouton (en supprimant le onclick="..."), et de mettre à la fin de ta fonction load, après la déclaration de la fonction toggleMyKml, le code :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

document.getElementById('boutonToggleMyKml').onclick = toggleMyKml;

[csseur22]

Merci ça fonctionne!

Par contre j'essaye de faire des toggle sur les markers issus des GDownloadUrl comme ceci

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
function toggleMyRmll(){
    if( marker2.isHidden() ){
        marker2.show();
    }else{
        marker2.hide();
    }
}

la fonction initiale étant:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
/* RMLL */
function creerMarker2(point2, onglet1) {
       var marker2 = new GMarker(point2,markerOptions );
       var infoTabs2 = [
         new GInfoWindowTab("Infos", onglet1),
         ];
       GEvent.addListener(marker2, "click", function() {
         marker2.openInfoWindowTabsHtml(infoTabs2);
         });
       return marker2;
       }
 
         GDownloadUrl("http://www.trouvetongull.info/ftp/rmll.xml", function(data) {
           var xml2 = GXml.parse(data);
           var markers = xml2.documentElement.getElementsByTagName("marker");
           for (var i = 0; i < markers.length; i++) {
             var point2 = new GLatLng(parseFloat(markers[i].getAttribute("lat")), parseFloat(markers[i].getAttribute("lng")), 9);
         var marker2 = creerMarker2(point2, markers[i].getAttribute("info") );
             map.addOverlay(marker2);
           }
         });

ben ça ne fonctionne pas

[bigben89]

Pour que tu puisses modifier les marqueurs après les avoir ajouter à la carte, il faudrait que tu les conserves dans une variable accessible depuis les fonctions toggle...

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
 
function load(){
    var listeMarqueurs = [];
 
    ...
 
    for(...){
       var marker  = creerMarker(...);
       map.overlay(marker);
       // on ajoute le marqueur créé pour pouvoir y accéder de nouveau par la suite
       listeMarqueurs.push(marker);
    }
 
    ...
 
    function toggleMarkers(){
        for(var i = 0, n = listeMarqueurs.length; i < n; ++i){
            // listeMarqueurs[i].show() ou listeMarqueurs[i].hide() en fonction du cas
        }
    }
}