ES:Desplegar tu propio mapa deslizante
Desplegar tu propio mapa deslizante es una forma común de hacer uso de OpenStreetMap. Normalmente significa integrar un mapa deslizante que muestre teselas del mapa en tu página web usando algunos códigos JavaScript.
 | Por favor, no olvides dar crédito a OpenStreetMap. Consulta Preguntas legales frecuentes para más detalles. |
Puedes incrustar nuestro mapa actual en tu sitio web, de mismo modo en que se puede con los mapas de Google o Yahoo. Esto puede hacerse usando alguna de las siguientes bibliotecas de mapas de JavaScript:
- Leaflet (leafletjs.com) es una biblioteca JavaScript libre de código abierto con una API ligera y fácil de usar, con muchos complementos
- OpenLayers (openlayers.org) es una biblioteca JavaScript enriquecida libre de código abierto.
- Ejemplo de Google Maps muestra cómo usar la API de Google Maps para presentar mapas de OSM.
Alternativas:
- Widgets Jawg ([1]) son subprogramas (widgets) HTML/JavaScript de código abierto y última generación para una integración perfecta de mapas y servicios (rutas, geocodificación...).
Incrustar OSM en un CMS/marco
Puedes incrustar OSM en tu sistema de gestión de contenidos favorito (CMS, por sus siglas en inglés):
| CMS/marco | Módulo/Extensión | Nota | Fuentes | Tutorial | Ejemplo con mapa OSM incrustado |
|---|---|---|---|---|---|
| Joomla | OSModul | Módulo basado en Leaflet y que soporta marcadores | [2] | ||
| Mediawiki | Multimapas | Usa Leaflet o la API de Mapas de Google (configurable) | Wikimedia Gerrit | ¡Este wiki! | En el tutorial |
| MediaWiki | Imagen sencilla | ¡Este wiki! | |||
| MediaWiki | Kartographer | Funciona con Leaflet | Wiki MediaWiki | Wikiviajes | |
| MediaWiki | Mapas | Funciona con OpenLayers | Manual | ||
| Software para trabajo en grupo Tiki Wiki | Incorporado | A través de OpenLayers | |||
| WordPress | Extensión OSM WordPress | También añade archivos gpx y kml | Descarga | Ejemplo sencillo | Artículo de blog sobre la extensión(en) |
Fuentes de teselas
 | ¡Resulta altamente recomendable contactar con los operadores antes de usar sus servidores! Respeta sus políticas de uso de teselas. |
Servidores de teselas de OpenStreetMap
Normalmente, estos ejemplos muestran cómo usar los servidores de teselas de OpenStreetMap gestionados por la propia Fundación OpenStreetMap. Tu sitio (quizás) sirve HTML y JavaScript, pero las imágenes de las teselas del mapa siguen siendo obtenidas por el navegador desde nuestros servidores. Debe hacerlo de acuerdo con la política de uso de teselas. Este servicio gestionado por donaciones no está diseñado ni es adecuado para aplicaciones de mucho uso. Por favor, considera usar un proveedor de teselas comercial en su lugar.
Servidores de teselas alternativos
Hay disponibles proveedores de teselas alternativos (con sus propias políticas de uso de teselas). Muchos de ellos aplican colores y estilos diferentes de detalles del mapa.
Consulta Servidores de teselas, TMS para disponer de una lista de algunos proveedores de teselas.
Tus propias teselas de mapas
Para obtener la máxima flexibilidad, OpenStreetMap también te brinda la capacidad única de generar tus propias teselas de mapas, con el estilo que desees, a partir de nuestros datos. Véase Switch2Osm.org para más información sobre cómo ofrecer tus propias teselas.
Traducción revisada por colaboradores del Wikiproyecto Traducción en español. Revisión: 2021-08-12.