Mehr

Bootstrap und Mapbox: Ebenenauswahl in der Navigationsleiste

Bootstrap und Mapbox: Ebenenauswahl in der Navigationsleiste


Ich baue eine interaktive Mapping-Lösung für meinen Arbeitgeber und habe einen kleinen Aufhänger. Ich arbeite zum ersten Mal mit Bootstrap und kann nicht herausfinden, wie ich das verlinkeDropdown-Listelist-Option auf die Funktion, die die Ebenen umschaltet. Ich habe es zum Laufen gebracht mit aTaste/Kontrollkästchen(

), aber ich möchte eine Mehrfachauswahl der ofDropdown-ListeListenelemente auf, die der Karte hinzugefügt werden sollen.

HTML-Code:

               

JS:

L.mapbox.accessToken = 'Token hier'; var map = L.mapbox.map('map',", {zoomControl: false}) .setView([34.962497232449145, -92.9168701171875], 14); var roadmap = L.tileLayer('http://{s}. tile.openstreetmap.org/{z}/{x}/{y}.png">

Sie haben nur eine Klasse und einen Wert für das erste Listenelement in der Dropdown-Liste definiert:

Veränderung:

Zu:

Ich schätze nur, was die tatsächlichen Werte (Schichtnamen) der zweiten und dritten Schicht sind; nach Bedarf ändern.