Uso el mapa del folleto y tengo un problema con el mapa que cuando el usuario llega al borde del mapa muestra un fondo gris

y me gusta evitar que el usuario llegue aquí y se detenga cuando llegue al borde ... es un problema de CSS o puedo solucionarlo con el complemento o la función del folleto . Nota: utilizo una muestra original de LEAFLET JS .

aquí está la configuración de los mosaicos del mapa:

 var map = L.map('map').setView([51.505, -0.09], 3); L.tileLayer('https://api.maptiler.com/maps/streets/{z}/{x}/{y}.png?key=bQviwia3GEIWmWxoXm52', { attribution: '<a href="https://www.sample.yohaa" target="_blank">&trade; Samad</a> <a href="https://www.google.com/" target="_blank">&copy; Samad street map</a>', zoom: 3, minZoom: 3, maxZoom: 17, zoomCntrol: false, noWrap: true, id: 'mapbox/streets-v11', tileSize: 512, zoomOffset: -1, }).addTo(map);