Diferencia entre revisiones de «Leaflet Layers»
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: '© <a href="https://osm.org/copyright">OpenStreetMap<\/a> contributors', | attribution: '© <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> — ' + | |||
'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)