3. Add Multiple Base Layers Group to Map

This website above provides a preview of various map tile layers and providers that can be used with Leaflet, a popular JavaScript library for interactive maps.

This video also shows tutorial for interactive maps in react leaflet, but here we only focus on the last section, which is on how to change the base layer skin.

Documentation Multiple Base Layer: Leaflet Provider Demo (leaflet-extras.github.io)

Documentation to Make Base Layer group: Layers control | React Leaflet (react-leaflet.js.org)