Bonjour,

Assez débutante en JS, je suis bloqué pour ce qui est de filtrer mes catégories avec des cases à cocher. J'ai essayé la démo sur le site avec Cluster mais rien de fonctionne quelqu'un peut me donner une piste???

Voici mon code JS :

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
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
    <script type="text/javascript">
 
      $(function(){
 
        $('#test1').gmap3({
          map:{
            options:{
              center:[54, -72],
              zoom: 5
            }
          },
 
 
          marker:{
            values:[	{latLng:[46.4125163, -72.57183750000002], data:"<span class=p33><strong>Entre Deux Eaux</strong><br/>730, rue Dosithé Bourrassa<br/>Trois-Rivières, Quebec&nbsp;&nbsp;G8T 1C3<p><p><span class=p33>Téléphone : 819 374-5307<br/>Télécopieur : </span><p><em>Voir la fiche complète</em></span>", id:"17", options:{icon: "images/icons/qsn/iconloc5.jpg"}},
 
 
{latLng:[45.1211111, -72.9874466], data:"<span class=p33><strong>Club de la Landroche</strong><br/>25, Charles-Gérald Lemire<br/>Bedford, Quebec&nbsp;&nbsp;J0G 1A0<p><p><span class=p33>Téléphone : <br/>Télécopieur : </span><p><em>Voir la fiche complète</em></span>", id:"1", options:{icon: "images/icons/qsn/icon18.jpg"}},
 
],
            options:{
              draggable: false
            },
 
// Debut des options Info-bulle
            events:{
              click: function(marker, event, context){
                var map = $(this).gmap3("get"),
                  infowindow = $(this).gmap3({get:{name:"infowindow"}});
                if (infowindow){
                  infowindow.open(map, marker);
                  infowindow.setContent(context.data);
                } else {
                  $(this).gmap3({
                    infowindow:{
                      anchor:marker, 
                      options:{content: context.data}
                    }
                  });
                }
              },
            }
// Fin de l'infobulle	
}		
 
 
          }
        });
 
      });
    </script>
Et mon html

Code html : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
        <input type="checkbox" name="1" id="1" value="1" checked />
        Rampes de mise à l'eau <br />
          <input type="checkbox" name="2" id="2" value="2" checked />
    Descentes pour embarcation légère <br />
          <input type="checkbox" name="3" id="3" value="3" checked />
        Marinas, Clubs de voile, Clubs nautiques et Ports <br />
 
    <div id="test1" class="gmap3"></div>