FR:Déployer sa propre Slippy Map
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 :
- Jawg Widgets () sont des widgets HTML / JS open-source à la pointe de la technologie pour une intégration transparente des cartes et des services (routes, géocodage ...) ;
- Mapstraction (mapstraction.com) is an wrapper open-source javascript autour des libraries mentionnées précédemment (et plein d'autres) vous permettant de changer de bibliothèque cartographique sans tout recoder ;
- YCanvas (ycanvas.yoz.sk) est une bibliothèque Flash/AIR pour le déploiement web et mobile ;
- Zoom zoom zoom map permet de de zoomer de manière plus douce sur une carte ;
- Khtmlib fait la même chose que Zoom zoom zoom map ;
- Ka-Map (ka-map.maptools.org) ;
- AFComponents UMap (umapper.com) incorpore une slippy map flash ;
- OpenScales (openscales.org) : framework de cartographie en ActionScript (flash), configurable par xml ;
- Modest Maps (modestmaps.com) en Actionscript3, Python, JavaScript, PHP, Processing, Cinder.
- Modestmaps-js est une version légère en JavaScript de ModestMaps ;
- Mapsui (github.com/pauldendulk/mapsui) est un composant de carte en C# qui permet l'accès à des services de tuilage à travers BruTile ;
- Polymaps (polymaps.org) bibliothèque JavaScript de Stamen.
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 | Editors/Django#Installation | ||
| Django-CMS | django-cms-osm | ||||
| Drupal | DrupalMappingKit | Collection de modules drupal pour prendre en charge la cartographie personnalisée | 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 | |||
| 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 | Flisol | ||
| Novius OS | Ounziw OSM | Carte OSM style iframe | GitHub | ||
| Tiki Wiki CMS Groupware | built-in | Via OpenLayers | |||
| Typo3 | 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".