More

Bootstrap and Mapbox: Nav Bar layer selection


I am building an interactive mapping solution for my employer and have run into a bit of a hangup. I am working with bootstrap for the first time and cannot figure out how to link thedropdownlist option to the function that toggles the layers. I have gotten it to work with abutton/checkbox(

), however, I would like to be able to do a multi-select of thedropdownlist items to add to the map.

HTML:

               

JS:

L.mapbox.accessToken = 'token here'; 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">

You only have a class and value defined for the first list item in the drop-down:

Change:

To:

I'm only guessing what the actual values (layer names) of the second and third layers are; change as needed.