Toggle de markers sur une google map

Version imprimable

Bonjour,

j'ai pour ma carte ce code:
Code:

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:

<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?

++

10/06/2009, 09h33
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:

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.
10/06/2009, 10h22
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.

++
10/06/2009, 18h37
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:

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

Merci ça fonctionne!

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

Code:

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

la fonction initiale étant:

Code:

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 :(

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:

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
        }
    }
}