Leaflet Layers

De Wiki Proyectos Beta
Revisión del 11:50 12 may 2023 de Josego (discusión | contribs.) (→‎OSM)
(difs.) ← Revisión anterior | Revisión actual (difs.) | Revisión siguiente → (difs.)
Ir a la navegación Ir a la búsqueda

Google Streets

const googleStreetsLayer = L.tileLayer(
    "http://{s}.google.com/vt/lyrs=m&x={x}&y={y}&z={z}",
    {
        maxZoom: 20,
        subdomains: ["mt0", "mt1", "mt2", "mt3"],
    }
).addTo(map);

OSM

OSM HOT

const osmHOTLayer = L.tileLayer(
    "https://{s}.tile.openstreetmap.fr/hot/{z}/{x}/{y}.png",
    {
        attribution: '© <a href="https://osm.org/copyright">OpenStreetMap<\/a> contributors',
    }
).addTo(map);

OSM Standard

const osmLayer = L.tileLayer(
   "https://{s}.tile.osm.org/{z}/{x}/{y}.png",
   {
       attribution: '© <a href="https://osm.org/copyright">OpenStreetMap<\/a> contributors',
   }
).addTo(map);

Stamen

const stamenLayer = L.tileLayer('https://stamen-tiles-{s}.a.ssl.fastly.net/watercolor/{z}/{x}/{y}.png', {
    attribution:
      'Map tiles by <a href="http://stamen.com">Stamen Design<\/a>, ' +
      '<a href="http://creativecommons.org/licenses/by/3.0">CC BY 3.0<\/a> — ' +
      'Map data {attribution.OpenStreetMap}',
    minZoom: 1,
    maxZoom: 16
}).addTo(map);