FR:MapContrib

From OpenStreetMap Wiki
Jump to navigation Jump to search
Aperçu de l'interface

MapContrib est une application web de contribution thématique à OpenStreetMap. Elle se veut simple, universelle (fonctionne sur tous les supports) et mobile (allez la tester dans la rue !).

Chacun (-e) peut créer des thèmes et les mettre à disposition ensuite de toutes personnes pouvant, avec son compte OpenStreetMap, contribuer sur la thématique de son choix.


Page d'accueil

MapContrib-home-2.png
  1. Créer un nouveau thème
  2. Chercher parmi les thèmes existants comportant au moins une couche
  3. Des thèmes choisis lorsque l'on arrive, puis les résultats de la recherche

Choisir un thème

À partir de la page d'accueil, se rendre sur un thème soit parmi ceux proposés (3), soit par le résultat d'une recherche (2).

Présentation de l'interface d'un thème

Différence entre les interfaces "non connectée", "contributeur" et "propriétaire" du thème
MapContrib-interface-non-connecte.png MapContrib-interface-connecte-utilisateur.png MapContrib-interface-connecte-proprio.png
Non connecté Connecté avec son compte utilisateur OpenStreetMap "Propriétaire" du thème
Permet de consulter les informations définies par le "propriétaire" du thème Permet de modifier les données, (bientôt déplacer les points) et d'ajouter de nouveaux points Permet de configurer le thème, la requête overpass, les nœuds prédéfinis, la couleur, le contenu des fenêtres pop-ups, l'icône, ...


Description de l'interface de MapContrib

MapContrib-interface.png
  1. Faire varier le zoom
  2. Le niveau de zoom
  3. Faire un recherche de lieu
  4. Activer le GPS
  5. Passer en plein écran
  6. Afficher les différentes couches d'intérêts (définies au 14)
  7. Afficher les différents fonds disponibles (cartes, imageries, ...) -> défini au n°15
  8. Lien vers l'aide sur le wiki (Non fonctionnel)
  9. Permet d'afficher la description du thème (à renseigner dans la fenêtre n°13)
  10. Permet de se déconnecter, d'afficher ses thèmes (Non fonctionnel), ses préférences (Non fonctionnel)
  11. Permet de partager (lien ou iframe pour insertion dans un site),
  12. mode contributeur Permet d'ajouter des points d'intérêts,
  13. mode propriétaire Permet de définir les caractéristiques générales du thème,
  14. mode propriétaire Permet de définir les couches de points d'intérêts (requête overpass, graphisme des points, ...) et leurs visibilités au n°6
  15. mode propriétaire Permet de définir les fonds visibles par les contributeurs au n°7,
  16. mode propriétaire Permet de définir les modèles de points d'intérêts à ajouter, disponible au n°12 pour les contributeurs,
  17. L'échelle de la carte
  18. Crédit de la carte (données OSM et Leaflet)

Utiliser un thème

Se connecter

MapContrib-user-001.png MapContrib-user-002.png
Se connecter Utilisation de son compte OpenStreetMap
MapContrib-user-003.png MapContrib-user-004.png MapContrib-user-004-1.png
Renseigner ses identifiants MapContrib demande l'accès à certaines fonctionnalités de votre compte Vous êtes authentifié comme contributeur, vous pouvez modifier et ajouter des Points d'Intérêts

Modifier les données

MapContrib-user-005.png MapContrib-user-006.png
Éditer les données Modifier les tags et enregistrer

Ajouter un point d'intérêt

MapContrib-user-007.png MapContrib-user-008.png MapContrib-user-009.png
Ajouter un point d'intérêt manquant Choisir parmi les points d'intérêts pré-remplis par le "propriétaire" du thème Après avoir sauvegardé, une icône grise confirme l'ajout du point d'intérêt dans OpenStreetMap

Construire un thème

MapContrib permet de générer un thème. Le "propriétaire" va ainsi définir le thème par son nom, sa description, sa couleur, le lien et le zoom par défaut où il s'ouvre, par les couches qui le composent, par les fonds de cartes qui sont mis à disposition des contributeurs, par les points d'intérêts (nœuds) prédéfinis. Ce thème sera ensuite mis à disposition via une adresse internet. Tout contributeur OpenStreetMap pourra y accéder pour modifier et ajouter des informations selon la thématique définie par le propriétaire du thème.

Construire son thème

Ouvrir le menu Configuration générale, colonne de droite puis renseigner les différents champs
MapContrib-theme-1.png MapContrib-theme-2.png
  1. - Le nom du thème
  2. - La description de ce thème (cette description apparaît dans le point info en haut à droite de l'interface (n°9 dans la description de l'interface ci dessus)
  3. - Choix de la couleur du thème
  4. - Enregistre les paramètres actuels : permet ainsi de définir le zoom et la position de centrage de la carte
  5. - Enregistrement des modifications
Menu Configuration générale Les différents champs

Construire une couche

Ouvrir le menu Centres d’intérêts, colonne de droite puis ajouter une couche
Mapcontrib-1-ouvrir-menu-layer.png MapContrib-002.png
Menu Centres d’intérêts Ajouter une couche

Définir les différents champs

Description du menu d'une couche
MapContrib-003.png
  1. - Le titre de la couche
  2. - La description de la couche, qui apparaîtra dans le menu de gauche
  3. - La personnalisation graphique de l'icône
  4. - Les options de visibilité et d'éditions de la couche
  5. - Le contenu des bulles (pop-up) de la couche
  6. - Le niveau de zoom pour lancer la requête overpass
  7. - La requête overpass
  8. - Enregistrer sa couche
Le contenu des bulles (pop-up) (à illustrer et éclaircir)

Ce que vous écrivez dans le contenu des bulles va ensuite apparaître dans la pop-up. Le fait d'écrire dans la pop-up fait apparaître le lien pour éditer les informations (incessamment, même une pop-up vide affichera un lien d'édition des données).

Vous pouvez utiliser les informations provenant des données OpenStreetMap, en affichant la valeur provenant de l'appel dynamique de la clé.

{amenity} dans la pop-up affichera recycling dans le cas d'un équipement de recyclage (amenity=recycling).

L'ajout des clés dans la pop-up permet également de classer l'ordre d'affichage lors de l'édition des données. La clé sera toujours présente dans la fenêtre d'édition, permettant ainsi d'améliorer les données.

Définir les noeuds pré-remplis

Ouvrir le menu Types de nœuds, colonne de droite puis ajouter un type de noeud
MapContrib-noeud-1.png MapContrib-noeud-2.png
Menu Types de nœuds Ajouter un type de nœuds
Définir les différents champs
Description du menu d'une couche
MapContrib-noeud-3.png
  1. - Le nom
  2. - La description du type de nœud, qui apparaîtra lors de l'ajout d'un nouveau nœud (n°12 de l'interface principale)
  3. - le ou les tags associé à ce nouveau nœud, qui seront automatiquement remplis lors de l'ajout d'un nœud
  4. - La possibilité pour les utilisateurs de modifier ou non la clef
  5. - La possibilité pour les utilisateurs de modifier ou non la valeur : indispensable à laisser en écriture pour pouvoir rentrer des valeurs, des noms, ...
  6. - Enregistrer son type de nœud

Construire une requête overpass

Par défaut, MapContrib définit un timeout à 300.

MapContrib-004.png


Deux exemple des requêtes :

Exemple 1 : afficher les écoles sous forme de points

  • afficher sous forme de points d’intérêts (POI) des nœuds et chemins (node et way) issus d'OpenStreetMap faisant référence à un tag clé=valeur (key=value) -> nous utiliserons ici : amenity=school


Représentée sous forme de points
(
node["amenity"="school"]({{bbox}});
way["amenity"="school"]({{bbox}});
);
out center body;
MapContrib-005.png

Exemple 2 : afficher les écoles sous formes de points et de surfaces

  • afficher sous forme de points d’intérêts ET de chemins les nœuds et chemins (node et way) issus d'OpenStreetMap faisant référence à un tag clé=valeur (key=value) -> nous utiliserons ici : amenity=school
Représentée sous forme de points ET de chemins
(
node["amenity"="school"]({{bbox}});
way["amenity"="school"]({{bbox}});
);
out center body;
>;
out skel qt;
|
MapContrib-006.png

Aides vidéo

Tutos

https://vimeo.com/channels/1070848

Présentation au State of the Map France - 2016 - Clermont-Ferrand

http://www.dailymotion.com/video/x4dtprb_sotm-fr2016-vincent-bergeot-guillaume-amat-mapcontrib-faciliter-la-contribution-autour-d-une-themati_school

Des exemples de thèmes

Des instances du logiciel en fonctionnement public

  • http://www.rudomap.xyz/ plutôt spécialisée sur les déchets ("rudus" déchets encombrants) / la spécialisation s'arrête pour le moment au nom de domaine,
  • ...

On en parle

Des thèmes évoqués dans des articles, des articles évoquant MapContrib, ...


Aller plus loin

https://github.com/MapContrib/MapContrib/issues