Hinzufügen eines Titels zu den Flugblatt-Ebenen-Steuerelement

Question

Hat jemand eine Methode zum Hinzufügen eines Titels zu einem Flugblatt-Layer-Steuerelement? Nur eine Textzeile, zum Beispiel "Verfügbare Ebenen". Idealerweise möchte ich auch einen Link zum Text hinzufügen.

Ich dachte, es wäre einfach, aber ich habe keine Lösung gefunden. Ich versuchte Methoden ähnlich wie this question (Radio-Button/Kontrollkästchen bleibt nach dem Hinzufügen "Dummy" -Schicht) und this question (fügt div am Ende der Schichten, scheint komplexer als meine Bedürfnisse). Leider konnte ich mit meinem Erfahrungslevel die Punkte nicht verbinden. Irgendwelche Vorschläge?

Answer 1

Eingangselemente in Layerkontrolle vorhanden sind, unter

.leaflet-control-Schichten-Overlays

$(".leaflet-control-layers-overlays").prepend("<label>Available layers</label>"); Sie auch eine Klasse zuweisen können und einige Styling auf diese hinzuzufügen. Das ist keine gute Lösung, aber hoffe, es hilft dir.

Answer 2

Sie können dem Steuerelement ein Titelattribut zuweisen. Hier ist ein offensichtlich unvollständiger Ausschnitt aus einem aktuellen Projekt:

// Add settings button 
var atlasMapSettings = L.Control.extend({ 
    options: { 
    position: 'topleft' 
    }, 
    onAdd: function (map) { 
    var control = L.DomUtil.create('div', 'leaflet-bar leaflet-control leaflet-control-custom atlas-settings-control closed'); 
    var icon = L.DomUtil.create('div', 'fa fa-gear closed', control); 
    var content = L.DomUtil.create('div', 'control-content empty', control); 

    $(icon).attr('title', 'Map settings');