2016-05-20 6 views
0

Momentan versuche ich den Booststrap-Switch mit dem Leaflet zu verwenden, um Layer + Legende anzuzeigen/zu maskieren. Der erste Schritt ist in Ordnung, ich kann Checkboxen in modalen Fenstern verwenden. Ich habe ein Problem, wenn 2 oder mehr Kontrollkästchen aktiviert sind, Ebenen sind aufeinander gestapelt, das gleiche für meine Legende. Kann mir jemand zeigen, wie man die Umschalttasten von booststrap benutzt, um nur eine Ebene anzuzeigen und alle anderen zu deaktivieren (einschließlich derjenigen, die während des Ladevorgangs im Hintergrund verwendet werden)?Leaflet- Bootstrap Switch - Alle Layer aus

Demo fiddle here

-Code für eine Schicht mit Bootstrap-Schalter. Show/Maske nur diese Schicht nicht alle Schichten:

$("[name='checkboxL1']").bootstrapSwitch({ 
    onSwitchChange: function(event, state) { 

    if (state) map1.addLayer(OSM2); 
    else map1.removeLayer(OSM2); 
    } 
}); 

Danke mein Englisch für entschuldigend, ich bin nicht heimisch ...

Antwort

0

Ich fand, wie Tasten hinzuzufügen.

<div class="col-md-12 text-left"> 
<input id='checkboxL1'type="radio" name="GroupedSwitches" data-size="mini"data-off-text="False" data-on-text="True" checked="false"class ="bs">&nb1a</div> 

jedoch layerscant zwei oder mehrmals angezeigt, und sie überlappen immer

aktualisieren fiddle here