RAPPORT École Nationale des Techniciens de l'équipement Établissement d'aix-en-provence juin 2012 Guide méthologique OSM / Q-GIS / Google Maps Certifié pour : La production de ressources pédagogiques pour la e-formation ; La conception, la réalisation et l'évaluation de formations intégrant les enjeux du développement durable. Ministère de l'écologie, de l'énergie, du Développement durable et de la Mer en charge des Technologies vertes et des Négociations sur le climat www.ente.developpement-durable.gouv.fr
Historique des versions du document Version Date 1 06/06/12 2 07/06/12 Commentaire Affaire suivie par Romain FAUCHER - ENTE Tél. : 04 42 37 20 42 / Fax : 04 42 37 20 37 Courriel : romain.faucher@developpement-durable.gouv.fr Rédacteurs Johan CATHALA - stagiaire TS Équipe projet «SIG Portes remarquables d'aix» Amandine GUERSING - stagiaire TS Équipe projet «SIG Fontaines d'aix» Relecteurs Joanna BERNARDI - stagiaire TS Équipe projet «SIG Portes remarquables d'aix» Chloé CHEVREUX - stagiaire TS Équipe projet «SIG Fontaines d'aix» Chriswell FIDELIN - stagiaire TS Équipe projet «SIG Portes remarquables d'aix» Romain FAUCHER - formateur en géomatique, référent ENTE des projets «SIG Portes remarquables d'aix» et «SIG Fontaines d'aix» Référence(s) intranet http://intra.ente-aix.i2
SOMMAIRE INTRODUCTION...4 1 - GÉOLOCALISATION...5 1.1 - Digitalisation sur OpenStreetMap via JOSM...5 1.2 - Conversion / Transformation des données sur QGIS...6 1.3 - Intégration/ Importation sur Google Maps...9 2 - AGRÉMENTATION...13 2.1 - Descriptifs des entités géolocalisées...13 2.2 - Ajout de photos et d icône sous GoogleMaps...13 2.2.1 -Hébergement des photos et des icônes avec Picasa...13 2.2.2 -Insertion de photos et d'icônes dans une carte GoogleMaps...15 2.3 - Création d icônes personnalisées...17 CONCLUSION...19
Introduction Le site internet OSM (OpenStreetMap) est une plateforme de cartographie du monde libre. Le logiciel Q-GIS est un système d'information géographique (SIG) libre de droit, qui figure dans la liste des outils proposés par le MEDDE. (Ministère de l'écologie, du Développement Durable et de l'énergie). Enfin, Google Maps est un service en ligne gratuit de cartes et plans. Ce guide se propose de donner une méthodologie de géolocalisation aux utilisateurs souhaitant créer des cartes en utilisant des outils du monde libre. Cette notice explique comment géolocaliser des entités, les transférer sur Google Maps, puis comment agrémenter ces entités de photos, de champs descriptifs et d'icônes significatives et détaille les phases de création et d'ajout d'icônes personnalisés. Prérequis : Il faut que les logiciels Q-GIS et JOSM (Java OpenStreetMap Editor) soient installés sur l'ordinateur de l'utilisateur, et que celui-ci dispose d'une connexion à internet. Q-GIS et JOSM sont 2 logiciels appartenant au monde libre, ainsi il est très facile de les trouver en téléchargement gratuit sur le web. 4/20
1 - Géolocalisation La première partie de ce tutoriel constitue un guide méthodologique pour géolocaliser des entités sur OSM (ici des fontaines) et ensuite les transférer sur GoogleMaps. Dans un premier temps il faut démarrer JOSM qui est l'éditeur OpenStreetMap le plus performant à l'heure actuelle. 1.1 - Digitalisation sur OpenStreetMap via JOSM Voici la marche à suivre pour géolocaliser 5 fontaines à Aix-en-Provence. Il faut dans un premier temps ajouter le fond de carte. Cliquer sur l'onglet «Imagerie» et choisir «OpenStreeMap(Mapnik)». Se focaliser sur la zone de la carte où l'on souhaite insérer les entités, ici la ville d'aix-en-provence. Dans la barre de menu, ajouter un nouveau calque en cliquant sur «Fichier», puis «Nouveau calque». 5/20
Dans la barre d'outils à gauche, activer l'onglet «Dessiner des nœuds». Cliquer 2 fois au même endroit sur la carte pour positionner un nœud, puis sélectionner l'attribut «Fontaine». Entrer le nom de la fontaine et «Appliquer les attributs». Répéter cela pour toutes les entités à ajouter (dans cet exemple 5 fontaines). Dans la fenêtre «Calques» en haut à droite, faire un clic droit sur le calque comprenant les nouvelles entités créées, puis «enregistrer sous». Nommer le fichier (ici «5fontaines») et «Enregistrer». Dans l'onglet de la barre de menu, sélectionner l'onglet «Fichier», puis cliquer sur «Envoyer les données», et enfin cliquer sur «Envoyer» pour valider. Les entités sont alors ajoutées à la carte sur OSM. Dès lors, fermer JOSM et démarrer QGIS. 1.2 - Conversion / Transformation des données sur QGIS OpenStreeMap génère des fichiers de type «.osm» qu'il n'est pas possible de récupérer dans GoogleMaps. QGIS permet de convertir ces fichiers «.osm» en format «.kml» pris en compte par GoogleMaps. Dans la barre des tâches, cliquez sur l'onglet «Extension / OpenStreetMap», puis «Load OSM from file». Sélectionner le fichier «osm» créé précédemment (5fontaines.osm) sous JOSM, puis «OK». Trois couches apparaissent (points, lines, polygons). Dans cet exemple, les données relatives aux fontaines sont ponctuelles. Ainsi seuls les points nous concernent. Si «OpenStreetMap» n'apparait pas dans l'onglet «Extension» situé dans la barre de menu, il est nécessaire de vérifier qu'il soit bien activé dans le «Gestionnaire des extensions». 6/20
S'il n'est pas présent dans le «Gestionnaire des extensions», il faut télécharger et installer le module d'extension «OpenStreerMap Plugin». Le plus simple est d'utiliser l'«installateur d'extension Python» à partir de Quantum GIS. Vous trouverez cet utilitaire dans la barre de menu sous l'onglet «Extension». Ensuite, dans l'onglet «Dépôt» de l'«installateur d'extension», cliquer sur «Ajouter un dépôt-tiers d'extension à la liste». Le logiciel ajoute tout les principaux répertoires d'extensions ainsi que les extensions qui s'y retrouvent dans votre liste d extensions. Installer les extensions qui ne le sont pas. 7/20
Afin d'enregistrer les entités précédemment géolocalisées, effectuer un clic droit sur la couche créée (ici la couche ponctuelle «5 fontaines»), puis sélectionner l'option «Sauvegarder sous...». Différents choix de sauvegarde s'offrent à vous. Sélectionner le format «Keyhole Markup Language (KML)» ainsi que l'emplacement de sauvegarde et le nom du fichier choisis par vos soins (ici 5fontaines). 8/20
Le fichier KML est alors créé, fermer QGIS et aller sur Google Maps. 1.3 - Intégration/ Importation sur Google Maps Afin de transférer les fichiers KML sur Google Maps, il est nécessaire de se connecter à son compte Google, ou d'en créér un le cas échéant. Une fois connecté à un compte personnel sur Google, sélectionner «Maps» dans la barre de menu Google. Cliquer alors sur l'onglet «Mes adresses», puis «CRÉER UNE CARTE». Choisir le titre de la carte, sa description, puis choisir les paramètres de confidentialités et de partage voulus, afin de déterminer si les données seront publiques et accessibles à tous ou si elles seront privées. 9/20
10/20
Cliquer ensuite sur «Importer», une fenêtre permettant l'import de données apparaît. En cliquant sur «Parcourir...», vous accédez à vos données personnelles. Il faut alors sélectionner le fichier KML généré précédemment (ici 5fontaines.kml), puis «Importer». Les entités sont maintenant visibles sur votre carte GoogleMaps. Afin de sauvegarder cet import, il faut sélectionner l'onglet «Enregistrer», puis valider l'enregistrement par l'onglet «OK». Ce protocole d'insertion peut aussi se faire très facilement sur une carte pré-existante se trouvant sur Google Maps en cliquant sur «MODIFIER», après avoir sélectionné la carte voulue. 11/20
Sur vos cartes et en cliquant sur l'onglet «MODIFIER», vous pouvez également repositionner vos repères, en rajouter, changer le titre des entités, les commentaires ou encore insérer des photos et des icônes thématiques. 12/20
2 - Agrémentation 2.1 - Descriptifs des entités géolocalisées Après avoir sélectionné la carte à agrémenter de descriptifs, cliquer sur l'onglet «MODIFIER», puis sur le repère matérialisé par une icône. Une fenêtre apparaît, elle présente une zone de texte où un descriptif peut être inséré. Faire «OK» pour valider les données puis cliquer sur «Enregistrer» puis «OK» dans l'interface de modification située à la gauche de la carte. 2.2 - Ajout de photos et d icône sous GoogleMaps 2.2.1 - Hébergement des photos et des icônes avec Picasa Se connecter à Picasa Web avec un identifiant Google. Sur la page d accueil du site Picasa Web, l'onglet «Transférer» permet d'héberger des photos dans des albums. Renseigner alors le titre de l'album à créer en pensant bien à mettre l'album en accès «Public» pour pouvoir ensuite récupérer les photos. 13/20
Si vous souhaitez compléter un album existant, sélectionner l'option «ajouter à un album existant. Afin de sélectionner les photos ou images à importer sur Picasa Web et une fois votre album nommé, cliquez sur «Sélectionner des photos sur votre ordinateur». Lorsque que le chargement de toutes vos images est terminé, cliquez alors sur «Ok». Vous pouvez dès à présent consulter votre album et renseigner chaque image ou photo si nécessaire en cliquant sur «Ajouter une légende» et/ou «Insérer un commentaire». Dans cet exemple, 2 albums ont été créés : l'album «Portes Aix-en-Provence» comprend les photos de portes remarquables utilisées dans le cadre du PFE SIG du même nom ainsi que l'album «Icône» qui contient les images qui serviront de marqueurs aux portes sur la carte Google Maps. Les images sont alors hébergées sur internet, cela veux dire qu'elles sont accessibles en permanence sur le web, et donc affichables 24h/24 sur GoogleMaps. 14/20
Il ne reste plus qu'à récupérer le lien de l'image pour pouvoir l'afficher sur GoogleMaps. Pour ce faire, il faut sélectionner la photo choisie, cliquer sur «Lien vers cette photo» puis cocher «Image uniquement». Il faut alors sélectionner le lien et le copier. Dans l'étape suivante vous verrez où coller ce lien afin de faire figurer votre image ou photo sur Google Maps. 2.2.2 - Insertion de photos et d'icônes dans une carte GoogleMaps Retournons sur votre compte Google Maps. Tout d'abord il faut sélectionner la carte que l'on souhaite agrémenter de photographies, puis cliquer sur «Modifier». On sélectionne alors l'entité correspondant à la photographie dont on a copié le lien dans l'étape précédente. Une fenêtre de modification apparaît. 15/20
Après avoir cliqué sur «Texte enrichi», on sélectionne l icône pour ajouter une image (elle est située tout à droite des différentes icônes de modification). Une nouvelle fenêtre nommée «Saisissez l'url d'une image» apparaît, collez-y le lien de l'image précédemment récupérée dans la zone de texte de la fenêtre, puis cliquez sur «OK» pour valider l'ajout. 16/20
Dans la fenêtre de modification, il est également possible de changer d'icône en cliquant sur celle-ci. Choisissez alors une des icônes par défaut ou sur «Ajouter icône» si vous souhaitez en ajouter une personnalisée. Afin d'ajouter une icône personnelle ou non présente dans les icônes présentes par défaut, il faut suivre la même procédure que pour les photographies. En effet, sur Picasa Web, créez un album d icônes puis allez récupérer le lien de votre icône pour le coller dans la fenêtre s'ouvrant lorsque l'on clique sur «Ajouter icône». Cette manipulation sera détaillée plus précisément dans l'étape suivante. 2.3 - Création d icônes personnalisées Cette partie est une suggestion de méthodologie pour créer ses propres icônes ou pictogrammes en utilisant des ressources du monde libre. Créer votre icône sur le logiciel Draw de la suite Open Office et l'enregistrer au format.jpg. Il faut penser à bien adapter la taille de la feuille Draw à la taille de votre image, afin que celle-ci puisse être et lisible par la suite. En effet, une fois ajustée et réduite par la ressource appropriée, cette image sera transformée en icône à la taille de votre choix (16x16 pixels ou 32x32 pixels) ; il ne faut dons pas se focaliser sur la taille de l'image que vous créerez sur Draw. Une fois le fichier.jpg sauvegardé, se connecter sur l'url suivante afin de générer votre icône : 17/20
http://www.supportduweb.com/generateur-de-favicon-enligne-icones-images-convertirimage-ico-gratuit.html Il suffit dès lors de suivre les instructions en ligne : uploader et importer l'image, générer l'icône, puis la télécharger si le visuel apparaît satisfaisant. Ce support en ligne permet également de modifier les couleurs pixel par pixel, de relooker votre création, etc. Le pictogramme ainsi généré est au format.ico. La procédure d'insertion de l'icône sur Google Maps via Picasa Web est strictement similaire à la démarche relative à l'insertion des photographies. Le lecteur doit se référer au paragraphe 2.2.2 de la présente notice. 18/20
Conclusion Ce guide méthodologique didacticiel a pour but de proposer une autoformation ou un apprentissage en autonomie aux utilisateurs d'osm, de Q-GIS et de Google Maps. Il permet d'apprendre simplement comment placer des points d'intérêts divers sur OSM, Google Maps, ou encore sur des cartes géoréférencées d'origines variées, qu'elles soient à disposition dans les services, sur le catalogue cartographique en ligne du MEDDE (Carmen), par la géolocalisation d'entités, qu'elles soient ponctuelles, linéaires ou surfaciques. De plus, grâce à ce guide il est détaillé la manière dont chaque entité peut être renseignée de divers champs informatifs et agrémentée d'icônes et photographies. 19/20
Certifié pour : La production de ressources pédagogiques pour la e-formation ; La conception, la réalisation et l'évaluation de formations intégrant les enjeux du développement durable. Ecole Nationale des Techniciens de l'equipement Etablissement d'aix-en-provence 680 Rue Albert Einstein Pôle d'activités d'aix-en-provence - B.P. 65000 13792 Aix-en-Provence Cedex 3 Tél. : 04 42 37 20 00 Fax : 04 42 37 20 37 www.ente.-developpement-durable.gouv.fr