I am new to web development and Leaflet/GIS in general.
I have a couple of shapefles, let's say they are roads.shp and utilities.shp. And let's say I have the means to convert these shape files into .json files, so now we have: roads.json and utilities.json.
Now I want to write HTML code to present this data on a leaflet map, putting in mind that the file: roads.json has data in the form of polylines, and the file: utilities.json has data in the form of markers.
After displaying this data on the map, I want to be able to filter them, for example: make 2 radio buttons to show/hide one of them or both of them.
How can this be achieved with code?