ES:Mapa deslizante

From OpenStreetMap Wiki
Jump to navigation Jump to search
Mapa deslizante.

Mapa deslizante (slippy map) es en general un termino referido a los modernos mapas web que te permiten ampliar o desplazarte sobre él (el mapa se desliza cuando arrastras el ratón).

Aquí hacemos mención a menudo al "mapa deslizante" (slippy map) para referirnos al mapa que aparece en nuestra página principal de OSM. Ésta es la interfaz web para navegar por los datos OpenStreetMap así representados.

Por defecto, el mapa deslizante muestra teselas representadas (rendered) en nuestro estilo estándar de OpenStreetMap, pero ofrecemos varias otras teselas particulares como capas para seleccionar y enlazar.

  • Véase la página Navegación para obtener más información básica de ayuda sobre cómo usar el mapa deslizante y enlazarlo.
  • Véase ES:Desplegar tu propio mapa deslizante para diferentes formas de configurar un mapa en tu propio sitio web.
  • Véase ES:Leaflet para conocer el software que empleamos para nuestro mapa deslizante (y cómo usarlo en tu propio sitio web).
  • Véase Slippy Map MediaWiki Extension para saber como incrustar (to embed) un mapa deslizante en este wiki.

Detalles técnicos

El mapa deslizante es un componente Ajax. JavaScript se ejecuta en el navegador, el cual solicita dinámicamente los mapas a un servidor en segundo plano (sin tener que recargar toda la página HTML) para dar una experiencia de navegación suave. La implementación de esto es posible gracias a una biblioteca JavaScript, ya sea OpenLayers o Leaflet. La imagen del mapa es construida a partir de muchas pequeñas imágenes cuadradas llamadas "teselas". Éstas son representadas y servidas desde un "servidor de teselas".

Representación de teselas

El proceso de representación (rendering), al pasar datos cartográficos de vector a ráster, pasando las opciones de estilo a imágenes bitmap, es un proceso que consume bastantes recursos. Se puede llevar a cabo mediante muchas diferentes opciones de software de representación. Un servidor de teselas normalmente no representa teselas en tiempo real para cada usuario que navegue por el mapa. Las teselas son representadas con anterioridad y almacenadas en el disco. De hecho, relativamente pocos programas de representación tienen un probado historial de servir alto tráfico de actualizaciones de mapas del mundo entero con regularidad.

Servidor de teselas estándar OpenStreetMap

Mapnik es el software de representación (rendering) empleado para generar el estilo estándar de OpenStreetMap. Mapnik también alimenta a muchos representadores de terceros, incluyendo los estilos MapQuest Open, Cycle Map y Transport Map, que son teselas destacadas que se muestran en la página de portada del mapa deslizante.

Las teselas estándares se generan en tile.openstreetmap.org. La base de datos del servidor de teselas estándares de OpenStreetMap se actualiza cada cinco minutos, por lo que la mayoría de cambios deberían aparecer en pocos minutos. En el pasado, este servidor se actualizaba únicamente sobre la base de un volcado de Planet.osm semanal, que se realizaba un miércoles por la mañana (GMT/BST). ¿Te imaginas tener que esperar tanto tiempo para poder ver aparecer tus ediciones en el mapa? ¡Aquellos eran otros tiempos! El volcado total de Planet se hace todavía ocasionalmente para corregir algunas peculiaridades en la aplicación de diferenciadores.

El representador Mapnik para OpenStreetMap se ejecuta a través de un módulo de Apache llamado mod tile, desarrollado especialmente para las necesidades de alto rendimiento de OSM. Éste también gestiona el almacenamiento en caché y la cola de peticiones. Cada tesela tiene una marca de tiempo que indica cuando fue representada y notifica cuando está lista para ser nuevamente representada (cuando se producen cambios). El representador (renderer) sigue estas reglas:

  • Si tenemos un cambio en la base de datos de OSM, el sistema intenta marcar la correspondiente tesela como "sucia" (dirty).
  • Cada vez que se observa una tesela, se comprueba si tiene más de tres días. En tal caso, se marca como "sucia".
  • Un proceso de representación en segundo plano representa todas las teselas sucias.

Por tanto, si nadie está mirando en un área determinada, no se re-representará (rerendered) a menudo. Las teselas se representan (ordenadamente), en primer lugar, sobre la base del interés o atención que suscitan. El marcado de una tesela como sucia no marca todas las subteselas como sucias.

Si recibes un mensaje tal que 'More OpenStreetMap coming soon...' en una tesela, significa que no hay datos para esa tesela y el servidor no ha podido representarla a demanda. Se pondrá entonces en la cola para ser representada. Encontrarás el estado de una tesela a través de la URL* de la misma:

Simplemente añade /status al final...

...para obtener la marca de tiempo de su creación y su estado de "sucia".

Si quieres forzar explícitamente la representación de una tesela, puedes marcarla como sucia añadiendo /dirty a la URL:

*) En el menú contextual de Firefox, selecciona "Ver información de la página" y copia la URL de la tesela en la pestaña "Media". Internet Explorer sólo proporciona un "Analizar elemento" (o algo). Selecciónalo y haz clic derecho sobre la sección de código en negrita en el DOM-Explorer. Copia y pégalo en la barra de direcciones y elimina todo lo innecesario de la PNG URL.

Tiles@Home

En el pasado, veníamos ofreciendo una capa funcional, llamada "Osmarender", que empleaba un sistema de representación Osmarender, que se ejecutaba sobre una configuración de representación distribuida llamada Tiles@home. Este proyecto quedó sin continuidad y la capa "Osmarender" ya no está disponible, aunque puedes hacerla funcionar fuera de línea usando Osmarender.

Véase también

Desplegar tu propio mapa deslizante
Poner mapas en tu sitio web usando varias APIs de mapas deslizantes y otras estrategias.
Imágenes de mapa estático
Incrustar (embed) mapas estáticos mediante la etiqueta <img />.
Tiles
Definición de teselas y varios enlaces relacionados.
Slippy map tilenames
Calcula el nombre de tesela (URL del archivo ".png") de las coordenadas conocidas (zum, x, y).
URL templates for Mapnik, Osmarender (Tiles@home), OpenCycleMap, CloudMade and MapQuest.
Navegación
Guía básica de usuario para el mapa deslizante en la página principal de openstreetmap.org
Layer URL parameter
Cómo funcionan las capas en la página principal (que está determinado por OpenLayers).
Capa de teselas estándar
Descripción centrada en el usuario de la capa estándar de https://www.openstreetmap.org/.