De Wiki-Brest
Modèle:Maps : Différence entre versions
m (→Affichage d'une carte avec marqueur(s)) |
(→Affichage d'une carte avec plusieurs points) |
||
| (38 révisions intermédiaires par 2 utilisateurs non affichées) | |||
| Ligne 2 : | Ligne 2 : | ||
<!--######################### Affichage de la carte et du texte #########################--> | <!--######################### Affichage de la carte et du texte #########################--> | ||
<center> | <center> | ||
| − | {| class="vcard" style="width:{{{width|800}}}px; background:#F0F0F0; border:{{{include|1px}}} #8888aa solid; margin-left: | + | {| class="vcard" style="width:{{{width|800}}}px; background:#F0F0F0; border:{{{include|1px}}} #8888aa solid; margin-left: 20px; margin-right: 20px; padding:0.4em; {{ #if:{{{float|}}} | float:{{{float}}}; }}" |
|- | |- | ||
| {{ #if:{{{title|}}} | <span class="fn org">'''{{{title}}}'''</span>}} | | {{ #if:{{{title|}}} | <span class="fn org">'''{{{title}}}'''</span>}} | ||
| Ligne 8 : | Ligne 8 : | ||
| style="{{ #if:{{{title|}}} | border-top:1px solid #aaaaaa; padding-top:0.2em;}} text-align:right;"| {{ #if:{{{lat|}}} |<span class="geo" style="color:grey;font-size:0.8em;">'''Latitude : '''<span class="latitude">{{{lat}}}</span>, '''Longitude : '''<span class="longitude">{{{long}}}</span></span>}} | | style="{{ #if:{{{title|}}} | border-top:1px solid #aaaaaa; padding-top:0.2em;}} text-align:right;"| {{ #if:{{{lat|}}} |<span class="geo" style="color:grey;font-size:0.8em;">'''Latitude : '''<span class="latitude">{{{lat}}}</span>, '''Longitude : '''<span class="longitude">{{{long}}}</span></span>}} | ||
|- | |- | ||
| − | | {{ {{ #ifeq: {{{marker}}} | true | #display_points: | #display_map: }} {{{location}}} | zoom={{{zoom|10}}} | width={{{width|800}}} | height={{{height|600}}} | geoservice={{{geoservice|google}}} | service={{{service|openlayers}}} | {{ #ifeq: {{{service}}} | osm | photos = yes | layers={{{layer|osm}}} }} | {{ #ifeq: {{{service}}} | openlayers | controls = {{{controls|LayerSwitcher, MousePosition, PanZoomBar, ScaleLine, Navigation}}} }} }} | + | | {{ {{ #ifeq: {{{marker}}} | true | #display_points: | #display_map: }} {{{location}}} | zoom={{{zoom|10}}} | width={{{width|800}}} | height={{{height|600}}} | geoservice={{{geoservice|google}}} | service={{{service|openlayers}}} | {{ #ifeq: {{{service}}} | osm | photos = yes | layers={{{layer|osm-mapnik, osm}}} }} | {{ #ifeq: {{{service}}} | openlayers | controls = {{{controls|LayerSwitcher, MousePosition, PanZoomBar, ScaleLine, Navigation}}} }} }} |
|- | |- | ||
|{{ #if:{{{desc|}}} | <div style="{{ #if:{{{width}}} | width:{{{width|800}}}px; }};">{{{desc}}}</div> }} | |{{ #if:{{{desc|}}} | <div style="{{ #if:{{{width}}} | width:{{{width|800}}}px; }};">{{{desc}}}</div> }} | ||
| Ligne 14 : | Ligne 14 : | ||
</center> | </center> | ||
<!--######################### Géolocalisation de l'article #############################--> | <!--######################### Géolocalisation de l'article #############################--> | ||
| − | {{ #ifeq:{{{geoloc}}} | true | {{#kml.placemark:Point({{{location}}})| visibility=1 | open=1 | snippet=snippet}}[[Catégorie:Article géolocalisé]] }} | + | {{ #ifeq:{{{geoloc}}} | true | {{#kml.placemark:Point({{{location}}})| visibility=1 | open=1 | snippet=snippet}}[[Catégorie:Article géolocalisé/{{{category|Zero}}}{{ #if:{{{subcategory|}}} |/{{{subcategory}}}}}]] }} |
</includeonly> | </includeonly> | ||
<!--######################### Documentation ####################################--> | <!--######################### Documentation ####################################--> | ||
| Ligne 28 : | Ligne 28 : | ||
Plusieurs exemples fonctionnels vous seront présentés dans cette page, vous pouvez copier/coller les wiki-code correspondant et les adapter à vos besoins.<br/> | Plusieurs exemples fonctionnels vous seront présentés dans cette page, vous pouvez copier/coller les wiki-code correspondant et les adapter à vos besoins.<br/> | ||
| − | + | Il est également possible de construire sa carte interactive, à partir du <big>'''[http://umap.openstreetmap.fr/fr/ service Umap]'''</big>. | |
| + | Un simple copier-coller du code exportable suffit ensuite pour faire apparaître la carte dans l'article wiki. | ||
| + | |||
| + | == Usage== | ||
=== Affichage d'une simple carte === | === Affichage d'une simple carte === | ||
{{Maps | {{Maps | ||
| Ligne 37 : | Ligne 40 : | ||
| geoservice=google | | geoservice=google | ||
| location=48.390078, -4.485603 | | location=48.390078, -4.485603 | ||
| − | | | + | | category = Modèles |
}} | }} | ||
Cette utilisation est préconisée dès que vous souhaitez afficher une simple carte dans l'un de vos articles.<br/> | Cette utilisation est préconisée dès que vous souhaitez afficher une simple carte dans l'un de vos articles.<br/> | ||
| Ligne 51 : | Ligne 54 : | ||
| height=300 | | height=300 | ||
| float=right | | float=right | ||
| − | | location= | + | | location=48.390078, -4.485603 |
}}</nowiki> | }}</nowiki> | ||
| '''Wiki code''' | | '''Wiki code''' | ||
| Ligne 59 : | Ligne 62 : | ||
| height=300 | | height=300 | ||
| float=right | | float=right | ||
| − | | location= | + | | geoservice=google |
| + | | location=2 rue Frézier Brest | ||
}}</nowiki> | }}</nowiki> | ||
|} | |} | ||
</center> | </center> | ||
| − | === Affichage d'une carte avec | + | === Affichage d'une carte avec plusieurs points === |
{{Maps | {{Maps | ||
| − | | title= | + | | title=Brest, Bretagne - France |
| width=520 | | width=520 | ||
| − | | height= | + | | height=400 |
| float=right | | float=right | ||
| + | | geoservice=google | ||
| + | | marker=true | ||
| zoom=14 | | zoom=14 | ||
| − | + | | location= | |
| − | + | 48.390119, -4.474199; | |
| − | | location= | + | 48.39691, -4.48041; |
| − | + | 48.381811, -4.487011 | |
| − | |||
| − | |||
}} | }} | ||
| − | |||
| − | |||
| − | |||
| − | |||
<center> | <center> | ||
{| class="wikitable" width="500px" | {| class="wikitable" width="500px" | ||
| Ligne 90 : | Ligne 90 : | ||
| height=400 | | height=400 | ||
| float=right | | float=right | ||
| − | | | + | | marker=true |
| location= | | location= | ||
48.390119, -4.474199; | 48.390119, -4.474199; | ||
| Ligne 102 : | Ligne 102 : | ||
| height=400 | | height=400 | ||
| float=right | | float=right | ||
| + | | marker=true | ||
| geoservice=google | | geoservice=google | ||
| location= | | location= | ||
| Ligne 111 : | Ligne 112 : | ||
</center> | </center> | ||
| − | == | + | == Paramètres== |
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
Le modèle permet d'enrichir les options de l'extension de base en autorisant par exemple le renseignement d'options d'affichage de la carte. Les 2 sections suivantes récapitulent respectivement les paramètres de mise en forme et ceux spécifiques à la carte qui peuvent être exploités par le modèle. | Le modèle permet d'enrichir les options de l'extension de base en autorisant par exemple le renseignement d'options d'affichage de la carte. Les 2 sections suivantes récapitulent respectivement les paramètres de mise en forme et ceux spécifiques à la carte qui peuvent être exploités par le modèle. | ||
| − | === | + | === Mise en forme globale=== |
{| class="wikitable" width="95%" | {| class="wikitable" width="95%" | ||
| Ligne 191 : | Ligne 145 : | ||
|} | |} | ||
| − | === | + | === L'affichage de la carte=== |
{| class="wikitable" width="95%" | {| class="wikitable" width="95%" | ||
| width="20%" | '''Nom du paramètre''' | | width="20%" | '''Nom du paramètre''' | ||
| Ligne 208 : | Ligne 162 : | ||
|} | |} | ||
| − | === | + | === Services et calques=== |
{| class="wikitable" width="95%" | {| class="wikitable" width="95%" | ||
| width="20%" | '''Nom du paramètre''' | | width="20%" | '''Nom du paramètre''' | ||
| Ligne 239 : | Ligne 193 : | ||
| Le type de calque utilisé pour l'affichage du fond de carte, il n'est utilisable qu'avec le service openlayers actif.<br/>Voici les différents types de calques utilisables: '''osm''', '''bing''', '''yahoo''', '''google'''.<br/>Pour chacun de ces types plusieurs calques sont disponibles, il est possible de les appeler par leur nom, les exemples ci-dessous donnent les noms utilisables pour chaque type de calque. | | Le type de calque utilisé pour l'affichage du fond de carte, il n'est utilisable qu'avec le service openlayers actif.<br/>Voici les différents types de calques utilisables: '''osm''', '''bing''', '''yahoo''', '''google'''.<br/>Pour chacun de ces types plusieurs calques sont disponibles, il est possible de les appeler par leur nom, les exemples ci-dessous donnent les noms utilisables pour chaque type de calque. | ||
|} | |} | ||
| − | |||
| − | {| class="wikitable" width=" | + | ==Carte avec plusieurs point et infos bulles== |
| + | {{Maps | ||
| + | | title=Brest, Bretagne - France | ||
| + | | width=580 | ||
| + | | height=600 | ||
| + | | zoom=5 | ||
| + | | geoservice=google | ||
| + | | marker=true | ||
| + | | location= | ||
| + | 45.185293,5.71701~[[Wiki-Grenoble]]~Proposé par le CLUQ<br/>[http://www.wiki-grenoble.fr http://www.wiki-grenoble.fr]~File:Red pin.png; | ||
| + | 49.1156,-1.090081~[[Wikimanche]]~Conseil général de la Manche, le syndicat mixte Manche Numérique<br/>[http://wikimanche.fr http://wikimanche.fr]~File:Red pin.png; | ||
| + | 48.390078, -4.485603~[[Wiki-Brest]]~[[Image:Wiki sport low.png|50px|left]]Infobulle permettant d'afficher un texte descriptif,<br/>des liens internes ou externes, une image<br/><br/>[http://www.wiki-brest.net http://www.wiki-brest.net]~File:Red pin.png; | ||
| + | 45.782432, 4.73656~[[Audowiki]]~Association A.H.N.F. (Archives et Histoire du Nord de la France)<br/>[http://www.audowiki.org http://www.audowiki.org]~File:Red pin.png; | ||
| + | 49.866317, 2.285156~[[EtouvieWiki]]~Association : Etouvie 2.0<br/>[http://www.etouviewiki.org/ http://www.etouviewiki.org/]~File:Red pin.png; | ||
| + | 47.46943, -0.549~[[Wiki-Anjou]]~Conseil Général de Maine-et-Loire<br/>[http://www.wiki-anjou.fr http://www.wiki-anjou.fr]~File:Red pin.png; | ||
| + | 47.214418, -1.638884~[[Wiki-patrimoine Saint Herblain]]~Ville de Saint-Herblain<br/>[http://wiki-patrimoine.saint-herblain.fr http://wiki-patrimoine.saint-herblain.fr]~File:Red pin.png; | ||
| + | 48.513835, -2.762639~[[WikiArmor]]~Conseil général des Côtes d'Armor <br/>[http://www.wikiarmor.net/Accueil http://www.wikiarmor.net/Accueil]~File:Red pin.png; | ||
| + | 43.183566, 3.004192~[[Wiki-Narbonne]]~[http://www.wiki-narbonne.fr http://www.wiki-narbonne.fr]~File:Red pin.png; | ||
| + | 45.74973, 4.84972~[[WikiGuill]]~[http://www.wikiguill.net http://www.wikiguill.net]~File:Red pin.png; | ||
| + | 49.210422, 5.37773~[[BrasiWiki]]~Ville de Bras-Sur-Meuse<br/>[http://www.bras-sur-meuse.fr/mediawiki-1.16.0/ http://www.bras-sur-meuse.fr/mediawiki-1.16.0]~File:Red pin.png; | ||
| + | 50.420275, 2.77961~[[Wiki Citoyen Liévin]]~Bénévoles, sociétaires de Cliss XXI (SCIC : une société coopérative d'intérêt collectif)<br/>[http://lievin.wiki-citoyen.fr http://lievin.wiki-citoyen.fr]~File:Red pin.png; | ||
| + | 49.357083, 6.168446~[[Wiki-Thionville]]~Centre multimédia du Lierre<br/>[http://www.wikithionville.fr http://www.wikithionville.fr]~File:Red pin.png; | ||
| + | 48.109395, -1.682602~[[Wiki-Rennes]]~Association Bug<br/>[http://www.wiki-rennes.fr http://www.wiki-rennes.fr]~File:Red pin.png; | ||
| + | 48.734897, 2.418277~[[Wiki-Villeneuve-le-Roi]]~[http://www.wiki-villeneuve-le-roi.org http://www.wiki-villeneuve-le-roi.org]~File:Red pin.png; | ||
| + | 45.782432, 4.73656~[[Formavia]]~Réseau professionnel et territorial des acteurs de la Formation continue et des TIC en région Rhône-Alpes, piloté conjointement par la Région et l'Etat.<br/>[http://www.formavia.fr http://www.formavia.fr]~File:Red pin.png; | ||
| + | 50.176898, 2.307129~[[Picardia]]~Conseil Régional de Picardie<br/>[http://www.encyclopedie.picardie.fr http://www.encyclopedie.picardie.fr ]~File:Red pin.png; | ||
| + | 48.856667, 2.350987~[[Diwiki Paris]]~Bénévoles<br/>[http://paris.diwiki.org http://paris.diwiki.org]~File:Red pin.png; | ||
| + | 48.582933, 7.743749~[[Diwiki Strasbourg]]~Bénévoles<br/>[http://strasbourg.diwiki.org http://strasbourg.diwiki.org]~File:Red pin.png; | ||
| + | 43.604363,1.442951~[[WikiToulouse]]~Bénévoles<br/>[http://www.wikitoulouse.fr http://www.wikitoulouse.fr]~File:Red pin.png | ||
| + | }} | ||
| + | <center> | ||
| + | {| class="wikitable" width="500px" | ||
| + | | '''Wiki code: Syntax spécifique aux infos bulles''' | ||
|- | |- | ||
| − | | | + | | Voici le détail de la syntaxe pour l'affichage des info bulles<br/>Pour chaque point renseigné dans le paramètre location, la syntaxe est la suivante: |
| − | + | coordonnées ~ Titre ~ Texte descriptif ~ Icône du point; | |
| − | + | * coordonnées: le format est au choix l'un des 2 habituels | |
| − | + | * Icône: l'icône qui sera affichée sur la carte | |
| − | + | Ce qui donne par exemple: | |
| − | + | 48.734897, 2.418277~[[Accueil]]~Contenu de la bulle~File:Red pin.png; | |
| − | + | A noter: | |
| − | + | * les icônes doivent au préalable avoir été importées sur le serveur | |
| − | + | * les textes et descriptions acceptent la syntaxe wiki habituelle à l'exception des titres (''=='') | |
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
|} | |} | ||
| + | </center> | ||
| − | + | [[Catégorie:Modèle]][[Catégorie:Modèle carte]] | |
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
</noinclude> | </noinclude> | ||
Version actuelle datée du 19 décembre 2017 à 15:42
Sommaire
Introduction
Ce modèle se base sur l'extension Maps qui permet d'afficher des cartes géographiques dynamiques dans vos articles en faisant appelle aux API tels que OpenLayers ou Google Maps. Avec ce modèle, il devient donc possible d'afficher des cartes OpenStreetMap (mais pas que...) dans vos articles.
Ce modèle permet:
- d'afficher une carte simple
- d'afficher un ou plusieurs points sur une carte
- de créer des info bulles lorsque des points sont marqués sur la carte
- sous certaines conditions, d'ajouter l'article à la liste des articles géolocalisés du wiki
Plusieurs exemples fonctionnels vous seront présentés dans cette page, vous pouvez copier/coller les wiki-code correspondant et les adapter à vos besoins.
Il est également possible de construire sa carte interactive, à partir du service Umap. Un simple copier-coller du code exportable suffit ensuite pour faire apparaître la carte dans l'article wiki.
Usage
Affichage d'une simple carte
| Brest, Bretagne - France |
| Chargement de la carte...
|
Cette utilisation est préconisée dès que vous souhaitez afficher une simple carte dans l'un de vos articles.
Le positionnement du centre de votre carte peut se faire soit en utilisant:
- un des geoservices fournis par le modèle, dans ce cas le point sera identifié par une adresse et/ou un nom de ville associé à un pays.
exemple: 2 rue Frézier Brest France - des coordonnées géographiques définissant la latitude et la longitude du centre de la carte.
exemple: 48.390078, -4.485603
Wiki code
{{Maps
| title=Brest, Bretagne - France
| width=520
| height=300
| float=right
| location=48.390078, -4.485603
}}
|
Wiki code
{{Maps
| title=Brest, Bretagne - France
| width=520
| height=300
| float=right
| geoservice=google
| location=2 rue Frézier Brest
}}
|
Affichage d'une carte avec plusieurs points
| Brest, Bretagne - France |
| Chargement de la carte...
|
Wiki code
{{Maps
| title=Brest, Bretagne - France
| width=520
| height=400
| float=right
| marker=true
| location=
48.390119, -4.474199;
48.39691, -4.48041;
48.381811, -4.487011
}}
|
Wiki code
{{Maps
| title=Brest, Bretagne - France
| width=520
| height=400
| float=right
| marker=true
| geoservice=google
| location=
26 rue Choquet de Lindu Brest;
44, rue Bugeaud Brest;
20 rue Gaston Ramon Brest
}}
|
Paramètres
Le modèle permet d'enrichir les options de l'extension de base en autorisant par exemple le renseignement d'options d'affichage de la carte. Les 2 sections suivantes récapitulent respectivement les paramètres de mise en forme et ceux spécifiques à la carte qui peuvent être exploités par le modèle.
Mise en forme globale
| Nom du paramètre | Nécessaire | Description |
| title | Non | Ajoute un titre à la carte |
| width | Non | Contrôle la largeur du bloc contenant la carte Si ce paramètre n'est pas utilisé la largeur de la carte sera de 800 pixels |
| height | Non | Contrôle la hauteur du bloc contenant la carte Si ce paramètre n'est pas utilisé la hauteur de la carte sera de 600 pixels |
| float | Non | Contrôle le placement de la carte dans l'article (défaut centré), pour un affichage à droite ou à gauche du texte, le paramètre peut prendre les valeurs:
|
| desc | Non | Permet d'afficher un texte descriptif sous la carte |
L'affichage de la carte
| Nom du paramètre | Nécessaire | Description |
| location | Oui | Le lieu sur lequel est centré la carte, un service permet à partir d'un nom de lieu ou d'une adresse de récupérer les coordonnées géographiques de l'emplacement. Si ce service ne réussi pas à traduire le nom en coordonnées, il est alors possible d'utiliser les paramètres latitude et longitude. De plus si vous souhaitez ajouter l'article aux articles du wiki géolocalisés, vous devez utiliser le format latitude, longitude. Si le mode marqueur est activé il devient possible de créer des info bulles pour chacun des points marqués sur la carte, la syntaxe permettant de créer ces info bulles est traitée dans les exemples qui suivent. |
| zoom | Non | Définit le niveau de profondeur du zoom, la valeur peut être comprise entre 1 et 18, la valeur par défaut étant placée à 10 |
Services et calques
| Nom du paramètre | Nécessaire | Description |
| geoloc | Non | Ce paramètre permet d'ajouter l'article à la liste des articles géolocalisés du wiki, sa valeur doit être positionnée à true, de plus il est indispensable que la valeur du paramètre location soi renseignée au format latitude, longitude et quelle ne contienne qu'un seul et unique point. |
| marker | Non | Ce paramètre indique au modèle qu'il doit également afficher un marqueur pour chacun des points renseignés dans le paramètre location. Avec ce mode d'utilisation, l'ajout de l'article à la liste des articles géolocalisés du wiki n'est disponible que lorsque le paramètre location ne contient qu'un seul et unique point et que le format de ce point est au format latitude, longitude |
| geoservice | Non | C'est le service qui est responsable de transformer un nom de ville, une adresse en coordonnées géographiques. Voici les différents valeur possibles:
|
| service | Non | Nous proposons 2 services différents pour afficher les cartes dans vos articles:
|
| layer | Non | Le type de calque utilisé pour l'affichage du fond de carte, il n'est utilisable qu'avec le service openlayers actif. Voici les différents types de calques utilisables: osm, bing, yahoo, google. Pour chacun de ces types plusieurs calques sont disponibles, il est possible de les appeler par leur nom, les exemples ci-dessous donnent les noms utilisables pour chaque type de calque. |
Carte avec plusieurs point et infos bulles
| Brest, Bretagne - France |
| Chargement de la carte...
|
| Wiki code: Syntax spécifique aux infos bulles |
| Voici le détail de la syntaxe pour l'affichage des info bulles Pour chaque point renseigné dans le paramètre location, la syntaxe est la suivante: coordonnées ~ Titre ~ Texte descriptif ~ Icône du point;
Ce qui donne par exemple: 48.734897, 2.418277~Accueil~Contenu de la bulle~File:Red pin.png; A noter:
|
