FR:Déployer sa propre Slippy Map

From OpenStreetMap Wiki
Jump to navigation Jump to search

Déployer sa propre Slippy Map (carte glissante) est un moyen courant pour utiliser OpenStreetMap. Cela signifie généralement que la carte glissante est composée de carreaux de petites cartes dans la page Web en utilisant du code JavaScript.

Vous pouvez intégrer la carte OSM existante dans votre site Web, comme il est possible de faire avec Google Maps. Cela peut être fait en utilisant l'une des biblothèques JavaScript de cartographie suivantes :

  • Leaflet (leafletjs.com) est une bibliothèque JavaScript open-source et gratuite avec une API légère et facile d'utilisation avec de nombreux plugins ;
  • OpenLayers (openlayers.org) est une bibliothèque JavaScript open-source qui est riche en fonctionnalités ;
  • Google Maps Example montre comment utiliser l'API Google Map pour présenter les cartes OSM.

Alternatives :

Intégrer OSM dans un CMS/framework

Vous pouvez intégrer OSM dans votre Système de gestion de contenu que vous désirez :

CMS/framework module/plugin note sources tutoriel exemple
avec la carte OSM intégrée
CMS Made Simple Osm Tag Module basé sur OpenLayers GitHub Documentation donnée dans le manuel
CMS Made Simple Leaflet Tag Module basé sur Leaflet GitHub Documentation donnée dans le manuel
Django GeoDjango Un framework web géographique de classe mondiale included in the Django framework A world-class geographic web framework geodjango-basic-apps
Django OSMEditor Vieux ! Depuis 2009 [2] Editors/Django#Installation
Django-CMS django-cms-osm [3] [4]
Drupal DrupalMappingKit Collection de modules drupal pour prendre en charge la cartographie personnalisée [5] Drupal tutorial from MapBox MapBox
Drupal Leaflet module Module Leaflet
Drupal OpenLayers module Module OpenLayers
Joomla injooosm
Joomla OSModul Module basé sur Leaflet et supporte les marqueurs [6]
Java Server Faces JSF2Leaf Exécuté par Leaflet
MediaWiki Simple image This wiki!
MediaWiki Slippy Map Exécuté par OpenLayers This wiki! This wiki!
MediaWiki Kartographer Exécuté par Leaflet MediaWiki wiki Wikivoyage
MediaWiki Maps Exécuté par OpenLayers Manual
MediaWiki Semantic Maps Requiert Semantic MediaWiki Manual
MoinMoin moinmoinosm Macro pour MoinMoin [7] [8] Flisol
Novius OS Ounziw OSM Carte OSM style iframe GitHub
Tiki Wiki CMS Groupware built-in Via OpenLayers
Typo3 [9] DE:Typo3
WordPress OSM WordPress Plugin Ajoute aussi des fichiers gpx et kml Download Simple sample Plugin Blog

Voir aussi :

  • Cartaro est un framework pour intégrer des cartes dans différent CMS, dont Drupal.

Sources des tuiles

Serveurs de tuile OpenStreetMap

Typically these examples show you how to use the OpenStreetMap tile servers. Your site charge le fichier HTML lié et peut-être aussi le JavaScript. Toutefois, les images tuilées de le carte sont toujours récupérés par le navigateur via nos serveurs. Vous devez donc faire ceci en conformité avec la politique d’utilisation des tuiles. Le service de tuilage n'est livré avec aucune garantie quant à la disponibilité ou la vitesse (si vous désirez intégrer des données importantes, commencez par contacter la communauté pour parler de votre demande).

Autres serveurs de tuile

Des fournisseurs de tuiles alternatives (qui ont leurs propres politiques d'utilisation) sont disponibles. Certains d'entre eux combinent des données OSM avec leurs propres images et/ou appliquent différents couleurs et styles de détails cartographiques.

Voir Slippy map tilenames#Tile servers et TMS pour une liste de ces quelques fournisseurs.

Vos propres tuiles de carte

Pour une flexibilité optimale, OpenStreetMap vous donne également la possibilité unique de générer vos propres carreaux de carte - stylisé comme vous le souhaitez - à partir de nos données.

  • Voir Switch2Osm.org pour plus d'informations à propos de l'utilisation de vos propres tuiles ;
  • TileLauncher est un serveur de tuiles style out-of-the-box gratuit pour Amazon EC2. En quelques clics, vous pouvez choisir vos propres couleurs, votre type Amazon Instance, votre région... Ensuite appuyez sur "Launch"[10].