Aide:Insérer une carte géographique

Introduction

En théorie, plusieurs entreprises ou services publics permettent d'intégrer aux pages de Wiki-Brest des données géographiques. Cette intégration n'est pas un copier-coller, les données qui s'affichent dans Wiki-brest sont hébergées par leurs propriétaires respectifs.

C'est par l'intermédiaire d'une API que Wiki-Brest peut accéder à ces données. Il faut aussi que l'infrastructure serveur de ces fournisseurs soit suffisante pour supporter les connexions de très nombreux sites.

Comme service possible on peut citer :

• Google maps Couverture mondiale, API, Extension pour MediaWiki, liaison avec Wiki-Brest facile, fonctionnalités riches
• Yahoo maps Couverture mondiale, API, Extension pour MediaWiki, liaison avec Wiki-Brest non testée
• Geoportail Territoire français, API, Pas d'extension pour MediaWiki, pas d'exemple de liaison avec d'autres sites. fonctionnalités riches

A coté de ces services privés une carte mondiale sous licence libre est en construction :

• Openstreetmap APA, Extension pour MediaWiki, liaison avec Wiki-Brest facile, fonctionnalités moyennes.

En pratique

Carte Google

Il est possible d'ajouter une carte Google dans vos articles wiki.

Voilà ce que donne une Google Map intégrée dans un article de Wiki-Brest :

Procédure

Bouton carte Google

1. Cliquez sur l'onglet "Modifier" de l'article où vous souhaitez placer la carte.
2. Choisissez le dernier bouton de la barre d'outil d'édition, comme indiqué sur le dessin ci-contre.
3. Une carte se charge en se centrant sur Brest.
4. Dans la zone de recherche placée en bas, écrivez le nom de la rue souhaitée. Exemple : "rue poullic-al-lor".
5. La carte se recharge avec une légende pour situer la rue. Vous pouvez cliquer sur "Ajouter à la carte" si vous souhaitez placer un marqueur situant la rue sur votre carte.
6. Si vous avez ajouté le marqueur, vous pouvez personnaliser le contenu de la légende. Une fois les informations renseignées, cliquez sur "Enregistrer et fermer".
7. Il est possible de zoomer avec les boutons prévus à cet effet, situés à gauche, pour centrer sur la rue.
8. Il est également possible de modifier la taille du cadre de la carte, grâce aux listes déroulantes "Largeur" et "Longueur".
9. Vous pouvez aussi placer plusieurs points sur la carte, pour cela il suffit de cliquer à l'endroit voulu sur la carte, cela fonctionne de la même manière que le premier point (renseignement de la légende et bouton "Enregistrer et fermer").
10. Enfin un circuit peut aussi être tracé sur votre carte.

• Démarrer le circuit en cliquant sur un point déjà placé
• Cliquez sur le lien "Démarrer un trajet"
• Placez différents points pour réaliser un trajet (plus les points sont rapprochés mieux les angles seront faits)
• Une fois le circuit terminé, vous avez la possibilité de choisir la couleur, l'opacité et la largeur.

Pour terminer et intégrer votre carte dans votre article, il suffit de copier coller le code généré dans l'article (il s'agit du code situé en bas de votre carte).

N.B(1) : Un point peut être supprimé en cliquant dessus et en choisissant "Enlever".

N.B(2) : Il est possible d'ajouter une adresse web dans la légende, attention à ne pas oublier http:// pour l'adresse soit cliquable.

Il est possible de récupérer une carte placée dans un article en cliquant sur le même bouton de la barre d'outil depuis l'article.

Code à insérer

Voici un exemple du code qui sera inséré dans votre page. Ce code correspond à la carte présente sur cette page d'aide, intégrant un point et un tracé.

<googlemap version="0.9" lat="48.38557" lon="-4.476285" zoom="16">
6#B2AD0DEF
48.387463, -4.476834
Rue Poullic al Lor
Brest, Bretagne
48.387169, -4.474432
48.386927, -4.47278
48.386727, -4.471406
48.386528, -4.471363
48.386385, -4.472672
48.386171, -4.47426
48.385858, -4.475397
48.385544, -4.476256
48.385259, -4.477135
48.384932, -4.47911
48.384547, -4.481856
48.385074, -4.481148
48.386072, -4.479882
48.387098, -4.476513
</googlemap>

Ajout de texte et d'images

Il est possible d'ajouter sur un point un texte descriptif et des images.

• Pour du texte : il suffit d'ajouter /Info\ à la suite des coordonnées

• Pour des images : il faut ajouter /Photos\ [[Image:Montbarey.jpg|center|300px]] derrière les coordonnées

<googlemap version="0.9" lat="48.406511" lon="-4.517768" zoom="17" width="300" height="300">
48.406507, -4.517655, Pyramide celtique de Quizac
/Info\
Rue de GASCOGNE (près du centre commercial)
/Photos\
[[Fichier:Pyramide celtique de Quizac du BERGOT (Bellevue).jpg|100px]]
</googlemap>'''''

Open Street Map

Attention : Les cartes Open Street Map ne peuvent pas contenir de trajet.

Méthode 1

• Utiliser le modèle Maps, décrit dans l'article Modèle:Maps

Méthode 2

• aller sur le site Openstreetmap
• Voir la carte
• onglet export
• cocher Embeddable HTML
• placer un marqueur éventuel
• copier coller le code

<center>
<html>
<iframe width="800" height="600" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="http://www.openstreetmap.org/export/embed.html?bbox=-4.6285,48.3472,-4.3384,48.5026&layer=mapnik&marker=48.40949,-4.51416" style="border: 1px solid black">
</iframe>
<br /><small><a href="http://www.openstreetmap.org/?lat=48.4249&lon=-4.4834499999999995&zoom=11&layers=B000TTFTT&mlat=48.40949&mlon=-4.51416">Carte d'origine sur OpenStreetMap
</a></small>
</html>
</center>

Méthode 3

l'extension adéquate étant installée sur Wiki-Brest on peut se servir de la carte glissante ci-dessous :

• Faire glisser et/ou zoomer jusqu'à atteindre la localisation souhaitée
• Cliquer le logo [wiki]
• Copier-coller le code produit par le pop-up dans la page qui doit contenir la carte.
• Ajuster les paramètres h et l (taille de la fenêtre)