Estoy buscando una manera de integrar el tileLayer en el mapa pero con una ruta interna, no con una ruta externa como esta:

 https://{s}.basemaps.cartocdn.com/light_all/{z}/{x}/{y}{r}.png

Este es mi JS:

 import "leaflet"; const $map = document.querySelector(".searchResult__map"), manifest = JSON.parse($map.dataset.manifest), map = L.map($map, { scrollWheelZoom: false }).setView( [45.7693171, 2.5910832], 6 ), layerTile = "https://{s}.basemaps.cartocdn.com/light_all/{z}/{x}/{y}{r}.png", //This is Not working : //layerTile = "../../../../img/tile/{z}/{x}/{y}{r}.png", layerAttribution = window.location.pathname.includes("/en/") ? '&copy; <a href="https://www.openstreetmap.org/copyright">OpenStreetMap</a> contributors &copy; <a href="https://carto.com/attributions">CARTO</a>' : '&copy; <a href="https://www.openstreetmap.org/">OpenStreetMap</a> contributors, <a href="https://creativecommons.org/licenses/by-sa/2.0/">CC-BY-SA</a>'; L.tileLayer(layerTile, { attribution: layerAttribution, }).addTo(map); for (const [id, data] of Object.entries(manifest)) { const $popin = document.querySelector( `.searchResult__mapPopins .villageCard--popin[data-id="${id}"]` ); L.marker([data.lat, data.lng]) .addTo(map) .bindPopup($popin.innerHTML); }