Leaflet - Basemap switcher

leaflet-basemap-switcher.js

/* This example is similar to the leaflet-layer-control.js example:
 * (https://gist.github.com/geog4046instructor/65f38124e3f56f11c9461b23335c0c92)
 * but this example only adds basemaps (tileLayer) to the control.
 */

// create a street map layer and add it to the map, making it the default basemap
let streets = L.tileLayer( 'https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png' ).addTo( map )

// create a satellite imagery layer
let satellite = L.tileLayer( 'https://server.arcgisonline.com/ArcGIS/rest/services/World_Imagery/MapServer/tile/{z}/{y}/{x}' )

// create an object to hold layer names as you want them to appear in the basemap switcher list
let basemapControl = {
  "Streets": streets,
  "Satellite": satellite
}

// display the control (switcher list) on the map, by default in the top right corner
L.control.layers( basemapControl ).addTo( map )

easy and simple ! nice work