Как сделать карту листовки или вид со спутника как Google, используя javaScript?

Question

Я ищу решение для создания поля для переключения между слоями карты / спутника, как, например, у карты Google, кто-нибудь может помочь в создании этого стиля переключения, например, карты Google?

То, что у меня есть, используется листовка :

renderBaseLayers: function (callback) {
            var self = this;

            var Esri_WorldImagery = L.tileLayer(
                'https://services.arcgisonline.com/ArcGIS/rest/services/World_Imagery/MapServer/tile/{z}/{y}/{x}', {
                    attribution: '© Esri, i-cubed, USDA, USGS, AEX, GeoEye, Getmapping, Aerogrid, IGN, IGP, UPR-EGP, and the GIS User Community',
                    maxNativeZoom: 19,
                    maxZoom: 25,
                    opacity: 0.8,
                    type: 'satellite'
                });

            var World_Street_Map = L.tileLayer(
                'https://services.arcgisonline.com/ArcGIS/rest/services/World_Street_Map/MapServer/tile/{z}/{y}/{x}', {
                    attribution: '© Esri, i-cubed, USDA, USGS, AEX, GeoEye, Getmapping, Aerogrid, IGN, IGP, UPR-EGP, and the GIS User Community',
                    maxNativeZoom: 19,
                    maxZoom: 25,
                    opacity: 1,
                    type: 'street'
                });

            App.map.Markers = {};
            var layers = {
                'Satellite': Esri_WorldImagery.addTo(this.baseMap),
                'Map': World_Street_Map
            };  

            L.control.layers(layers , null, {position: "bottomright"}).addTo(this.baseMap);   

, которая работает и показывает результат, как у нас в этом примере.

https://leafletjs.com/examples/layers-control/

кто-нибудь может предложить мне создать этот стиль переключения, как Google Map?Спасибо.