<script>
  var map = new L.Map('map', {
    center: [41.4583, 12.7059],
    zoom: 5,
    markerZoomAnimation: false,
    zoomControl: false
  });
  var zoomControl = new L.Control.Zoom({ position: 'topright' });
  var ggl = new L.Google('ROADMAP'); // Possible types: SATELLITE, ROADMAP, HYBRID, TERRAIN
  var url = 'https://{s}.tile.opentopomap.org/{z}/{x}/{y}.png',
    attr =
    'Map data: &copy; <a href="http://www.openstreetmap.org/copyright">OpenStreetMap</a>, <a href="http://viewfinderpanoramas.org">SRTM</a> | Map style: &copy; <a href="https://opentopomap.org">OpenTopoMap</a> (<a href="https://creativecommons.org/licenses/by-sa/3.0/">CC-BY-SA</a>)',
    otm = new L.TileLayer(url, {
      attribution: attr,
      /*subdomains:"1234"*/
    });
  var baseLayers = {
    "Google Map": ggl,
    "Leaflet Map": otm,
  };
  var layersControl = L.control.layers(baseLayers, null, { collapsed:false });
  layersControl.addTo(map);
  zoomControl.addTo(map);
  map.addLayer(ggl);
</script>