Erstellen Sie ein Informationsblatt, custom checkbox-Steuerelement
Ich möchte erstellen Sie eine benutzerdefinierte Kontrollkästchen-Steuerelement, die einfach nur ein flag setzen in jquery/javascript: wenn aktiviert, flag = 'geclustert' oder, wenn deaktiviert flag = 'unclustered'. Bisher habe ich ein Steuerelement auf der Karte, aber es ist nicht eine checkbox und wie bekomme ich den Status der checkbox - wenn sein markiert/nicht markiert.
code:
function MapShowCommand() {
alert("checked /unchecked"); //set flag
}
L.Control.Command = L.Control.extend({
options: {
position: 'topleft',
},
onAdd: function (map) {
var controlDiv = L.DomUtil.create('div', 'leaflet-control-command');
L.DomEvent
.addListener(controlDiv, 'click', L.DomEvent.stopPropagation)
.addListener(controlDiv, 'click', L.DomEvent.preventDefault)
.addListener(controlDiv, 'click', function () { MapShowCommand(); });
var controlUI = L.DomUtil.create('div', 'leaflet-control-command-interior', controlDiv);
controlUI.title = 'Map Commands';
return controlDiv;
}
});
var test = new L.Control.Command();
map.addControl(test);
Du musst angemeldet sein, um einen Kommentar abzugeben.
Erstellen Sie ein Formular-element mit einem input type="checkbox" in Ihrem controlDiv.
Arbeitet in diesem jsfiddle http://jsfiddle.net/FranceImage/ao33674e/
Kann man es auch in der Packungsbeilage Weise Lesen diese Hinweise: https://github.com/Leaflet/Leaflet/blob/master/src/control/Control.Layers.js
Stolperte über dieses, und obwohl die akzeptierte Antwort wies mich in die richtige Richtung ich tweeked Sie, und fügen Sie entsprechende
css
Klassen.Ergebnis: