Diferencia entre revisiones de «Leaflet Layers»

De Wiki Proyectos Beta
Ir a la navegación Ir a la búsqueda
([feat] Add information Leaflet Layers)
([feat] Add information Leaflet Layers)
Línea 10: Línea 10:


= OSM =
= OSM =
== OSM Standart ==
   
   
  const osmLayer = L.tileLayer("https://{s}.tile.osm.org/{z}/{x}/{y}.png", {
  const osmLayer = L.tileLayer("https://{s}.tile.osm.org/{z}/{x}/{y}.png", {
     attribution: '&copy; <a href="https://osm.org/copyright">OpenStreetMap<\/a> contributors',
     attribution: '&copy; <a href="https://osm.org/copyright">OpenStreetMap<\/a> contributors',
  }).addTo(map);
  }).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> &mdash; ' +
      'Map data {attribution.OpenStreetMap}',
    minZoom: 1,
    maxZoom: 16
}).addTo(map)

Revisión del 12:26 12 may 2023

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 Standart

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)