01 Mapas base
Carga y muestra una capa base en un mapa
- Inicializar el mapa
- Declara los parámetros de configuración del mapa con el método
L.Map()
. El primer parámetro es el id del elemento div para el mapa (p.e. map). El segundo parámetro es opcional y se trata de un objecto con las propiedades y valor de las opciones del mapa.
- Centrar el mapa
- Con el método
map.setView()
y como como parámetro de entrada un objeto LatLon. A veces es difícil encontrar el punto central de una mapa. Un servicio de ayuda es geojson.io, a un editor natvo en wen que codifica geometrías (point, lines, polygons) en formato geojson. Atención: En geojson, longitud va primero y luego latitud mientras que Leaflet sigue el orden inverso, latitude y longitud, para especificar una coordenada.
- Añadir un mapa base
- La fuente de un mapa base se declara con
L.tileLayer()
. El primer parámetro es una plantilla URL. El segundo parámetro es un objeto TileLayer options que contiene uan serie de propiedades y opciones para la visualización de la capa base como por ejemplo attribution y maxZoom. .
Más info