« Modèle:Carte OSM » : différence entre les versions
m Documentation : exemple d utilisation |
Parametres theme, symbole et sources (cartes d ensemble) ; documentation |
||
| Ligne 1 : | Ligne 1 : | ||
<includeonly><div class="carte-osm" data-titre="{{{titre|Carte}}}"><div class="carte-osm-repli">La carte interactive s’affiche ici quand JavaScript est activé ; les lieux restent listés dans la page.</div></div></includeonly><noinclude> | <includeonly><div class="carte-osm" data-titre="{{{titre|Carte}}}" data-theme="{{{thème|}}}" data-symbole="{{{symbole|}}}" data-sources="{{{sources|}}}"><div class="carte-osm-repli">La carte interactive s’affiche ici quand JavaScript est activé ; les lieux restent listés dans la page.</div></div></includeonly><noinclude> | ||
Ce modèle insère une carte OpenStreetMap interactive. | Ce modèle insère une carte OpenStreetMap interactive. Il sert de deux façons : | ||
* '''dans un article thématique''', la carte montre les lieux de la page marqués par [[Modèle:Point carte]], avec une légende qui filtre par section ; | |||
* '''avec le paramètre <code>sources</code>''', c'est une carte d'ensemble : elle ne contient aucun point, elle lit à chaque affichage ceux des articles cités, et sa légende propose un thème par article. Rien n'est recopié, donc rien n'est à synchroniser. | |||
== Syntaxe == | == Syntaxe == | ||
<pre> | <pre> | ||
{{Carte OSM|titre=Carte des | {{Carte OSM|titre=Carte des lieux culturels de Colombes|thème=Lieux culturels|symbole=🎭}} | ||
{{Carte OSM|titre=Carte de Colombes|sources=Liste des écoles de Colombes; Vie culturelle à Colombes}} | |||
</pre> | </pre> | ||
| Ligne 11 : | Ligne 14 : | ||
|- | |- | ||
| titre || nom de la carte, lu par les lecteurs d'écran (facultatif) | | titre || nom de la carte, lu par les lecteurs d'écran (facultatif) | ||
|- | |||
| thème || nom du thème de l'article, repris par la légende des cartes d'ensemble ; par défaut, le titre de l'article | |||
|- | |||
| symbole || pictogramme du thème (un émoji), dessiné dans la pastille des lieux qui n'ont pas de niveau scolaire | |||
|- | |||
| sources || pour une carte d'ensemble : les articles à lire, séparés par des points-virgules | |||
|} | |} | ||
== Ajouter un thème à la carte de Colombes == | |||
# Dans l'article du thème, placer une carte avec son nom de thème et son pictogramme : <code><nowiki>{{Carte OSM|thème=…|symbole=…}}</nowiki></code>. | |||
# Marquer chaque lieu de l'article avec [[Modèle:Point carte]]. | |||
# Ajouter le titre de l'article au paramètre <code>sources</code> de la carte de [[Carte de Colombes]]. | |||
Un lieu qui relève de deux thèmes ne reçoit ses coordonnées que dans un seul des deux articles ; l'autre le cite par un simple lien. Sinon, deux points pourraient diverger. | |||
== Fonctionnement == | == Fonctionnement == | ||
| Ligne 17 : | Ligne 32 : | ||
* Le fond de carte vient des serveurs d'[https://www.openstreetmap.org/ OpenStreetMap] ; la mention « © les contributeurs d'OpenStreetMap » est obligatoire et s'affiche d'elle-même. | * Le fond de carte vient des serveurs d'[https://www.openstreetmap.org/ OpenStreetMap] ; la mention « © les contributeurs d'OpenStreetMap » est obligatoire et s'affiche d'elle-même. | ||
* Les lieux proches se regroupent en un seul marqueur, avec un compteur ; zoomer les sépare. Un clic sur un marqueur ouvre la liste des lieux qu'il rassemble. | * Les lieux proches se regroupent en un seul marqueur, avec un compteur ; zoomer les sépare. Un clic sur un marqueur ouvre la liste des lieux qu'il rassemble. | ||
* Le bouton « Déplacer » des fiches (utilisateurs connectés) corrige l'article où le lieu est défini, même depuis une carte d'ensemble. | |||
* La molette de la souris ne zoome qu'après un clic dans la carte, pour ne pas gêner le défilement de la page. | * La molette de la souris ne zoome qu'après un clic dans la carte, pour ne pas gêner le défilement de la page. | ||
* Sans JavaScript, le cadre affiche une phrase d'explication et la page reste lisible : la liste des lieux ne dépend pas de la carte. | * Sans JavaScript, le cadre affiche une phrase d'explication et la page reste lisible : la liste des lieux ne dépend pas de la carte. | ||
* Placée avant le premier titre de section, la carte reste visible sur mobile, où les sections sont repliées par défaut. | * Placée avant le premier titre de section, la carte reste visible sur mobile, où les sections sont repliées par défaut ; dans une section, elle se dessine quand on la déplie. | ||
== Voir aussi == | == Voir aussi == | ||
* [[Modèle:Point carte]] — pour placer un lieu | * [[Modèle:Point carte]] — pour placer un lieu | ||
* | * Exemples : [[Liste des écoles de Colombes]], [[Vie culturelle à Colombes]], [[Carte de Colombes]] | ||
[[Catégorie:WikiColombes]] | [[Catégorie:WikiColombes]] | ||
</noinclude> | </noinclude> | ||
Dernière version du 29 septembre 2026 à 22:22
Ce modèle insère une carte OpenStreetMap interactive. Il sert de deux façons :
- dans un article thématique, la carte montre les lieux de la page marqués par Modèle:Point carte, avec une légende qui filtre par section ;
- avec le paramètre
sources, c'est une carte d'ensemble : elle ne contient aucun point, elle lit à chaque affichage ceux des articles cités, et sa légende propose un thème par article. Rien n'est recopié, donc rien n'est à synchroniser.
Syntaxe[modifier le wikicode]
{{Carte OSM|titre=Carte des lieux culturels de Colombes|thème=Lieux culturels|symbole=🎭}}
{{Carte OSM|titre=Carte de Colombes|sources=Liste des écoles de Colombes; Vie culturelle à Colombes}}
| Paramètre | Rôle |
|---|---|
| titre | nom de la carte, lu par les lecteurs d'écran (facultatif) |
| thème | nom du thème de l'article, repris par la légende des cartes d'ensemble ; par défaut, le titre de l'article |
| symbole | pictogramme du thème (un émoji), dessiné dans la pastille des lieux qui n'ont pas de niveau scolaire |
| sources | pour une carte d'ensemble : les articles à lire, séparés par des points-virgules |
Ajouter un thème à la carte de Colombes[modifier le wikicode]
- Dans l'article du thème, placer une carte avec son nom de thème et son pictogramme :
{{Carte OSM|thème=…|symbole=…}}. - Marquer chaque lieu de l'article avec Modèle:Point carte.
- Ajouter le titre de l'article au paramètre
sourcesde la carte de Carte de Colombes.
Un lieu qui relève de deux thèmes ne reçoit ses coordonnées que dans un seul des deux articles ; l'autre le cite par un simple lien. Sinon, deux points pourraient diverger.
Fonctionnement[modifier le wikicode]
- La carte est dessinée par MediaWiki:Carte-osm.js, avec la bibliothèque Leaflet hébergée sur le serveur du wiki : aucune bibliothèque n'est chargée depuis un site tiers. Le script ne se charge que sur les pages qui contiennent une carte.
- Le fond de carte vient des serveurs d'OpenStreetMap ; la mention « © les contributeurs d'OpenStreetMap » est obligatoire et s'affiche d'elle-même.
- Les lieux proches se regroupent en un seul marqueur, avec un compteur ; zoomer les sépare. Un clic sur un marqueur ouvre la liste des lieux qu'il rassemble.
- Le bouton « Déplacer » des fiches (utilisateurs connectés) corrige l'article où le lieu est défini, même depuis une carte d'ensemble.
- La molette de la souris ne zoome qu'après un clic dans la carte, pour ne pas gêner le défilement de la page.
- Sans JavaScript, le cadre affiche une phrase d'explication et la page reste lisible : la liste des lieux ne dépend pas de la carte.
- Placée avant le premier titre de section, la carte reste visible sur mobile, où les sections sont repliées par défaut ; dans une section, elle se dessine quand on la déplie.
Voir aussi[modifier le wikicode]
- Modèle:Point carte — pour placer un lieu
- Exemples : Liste des écoles de Colombes, Vie culturelle à Colombes, Carte de Colombes