I have created a choropleth map including several layers from the same geojson layer which is turkeyData
in my case. I actually did it and it works fine. But I like to change the standard leaflet control appearing on the top-rigt of the window with a drop-down menu. But I don't know how to do it. This is the link to the map.
http://www.mapabase.com/ADNKS/adnks.html
[GIS] Adding drop-down menu on leaflet map instead of L.control
geojsonjavascriptleaflet
Related Question
- [GIS] Leaflet: Scroll wheel controlling map zoom and not drop down menu
- [GIS] Adding drop-down menu to leaflet map to update map/tiles to new location
- [GIS] How to get Leaflet layer control to work with GeoJSON files hosted online
- [GIS] Creating drop down list to zoom into selected country for Leaflet maps
Best Answer
You can still use L.control, you just need to extend it and create the select within the control.
I cannot claim this as my own, but here is a JSFIDDLE.
I found the link as it was reported as an issue in the Leaflet GitHub page.
Notice how you create the innerHTML for the control div:
Hope this helps!