filyb.info - Tag - OpenStreetMap

Le Genie GPS BGT-31

Thesa — Sat, 11 Oct 2008 22:57:00 +0200

En juillet dernier (oui, je sais, j’ai du retard dans mes billets ), je me suis décidé d’acheter un récepteur GPS, afin de contribuer plus efficacement au projet OpenStreetMap.

Mon choix s’est arrêté sur le Genie GPS BGT-31 (le wiki parle du NaviGPS, il s’agit de l’ancien nom de ce récepteur). La première raison : en achetant ce récepteur via le site Storage Depot, on peut demander que 10% du montant de l’achat soient reversés au projet OpenStreetMap. Ensuite, il s’agit d’un GPS sans carte (pas de navigation guidé par une jolie voix féminine), mais dédié à un usage plus sportif (utile pour mon VTT) et ayant des capacité d’enregistrement des traces assez intéressantes, que ce soit dans sa mémoire internet ou sur une carte SD.

Si le logiciel fourni pour la liaison avec l’ordinateur tourne sous WINE, il existe mieux pour récupérer les données sous GNU/Linux : un petit script perl libre, navilink.pl (il dépend de Device::SerialPort). Ce script permet de récupérer en ligne de commande les traces du GPS, directement dans le format GPX, format utilisable sans conversion avec les outils OpenStreetMap.

Pour cartographier, j’associe le GPS à mon appareil photo : je prends des photos de tous les éléments à reporter ensuite sur la carte (panneau pour le nom d’une rue, etc), et JOSM se charge de replacer les photos sur le chemin parcouru, afin de pouvoir associer des informations sur la trace GPS (utilisez le plugin AgPifoJ plutôt que la fonction intégrée à JOSM).

Et histoire de se simplifier la vie, vous trouverez en annexe un petit script qui permet de récupérer en une commande les traces gps et les photos dans un dossier à la date du jour. Le script est sous la licence WTFPL. N’oubliez pas d’éditer les constantes en début de script pour les adapter à votre environnement.

En vrac de rentrée

Thesa — Mon, 01 Sep 2008 22:50:00 +0200

Google s’apprêterait à lancer son propre navigateur web, un logiciel libre basé sur Webkit, nommé Google Chrome. Voici sa présentation, et surtout la BD détaillant son architecture, à voir absolument ! (Le Framablog en parle déjà)
Avoir le temps d’être humain : les interrogations de Karl sur ce qui est public et ce qui ne l’est pas.
Parents : parlez de Linux à votre enfant…
Une astuce si votre gestionnaire de fenêtre vous amène toujours Firefox en premier plan lorsque vous y ouvrez un lien depuis un autre logiciel (comme un agrégateur) : Open new firefox tab in background.
Et maintenant un peu d’OpenStreetMap : l’évolution de la cartographie de Paris en images.
Du routing avec OpenStreetMap ! C’est une démo tout à fait expérimentale, mais ça marche déjà très bien. Vivement son intégration dans le site principal !

Where big brother is watching you?

Thesa — Tue, 12 Aug 2008 15:17:00 +0200

Il y un petit moment, Devloop m'avait demandé par combien de caméra de surveillance avais-je été filmé lors d'une journée tout à fait ordinaire. J'avais alors fait les comptes, et la palme de la vidéosurveillance était revenue à Tisséo pour la prolifération de caméra dans la station de métro (c'est trop).

Depuis peu, le tag man_made=surveillance a été choisit pour placer les caméras de surveillance dans OpenStreetMap (et surveillance=* est en discussion).

J'en ai donc profité pour ajouter les caméras des stations du métro Toulousain, ainsi que celles qui veillent autour des portails de mon université. Vous pouvez voir le résultat sur la carte dédiée à la vidéo surveillance. À plus grande échelle, la carte est peu remplie, mais c'est plus à cause de la définition récente du tag que de l'absence de caméras... N'hésitez pas à ajouter les caméras de votre secteur, ou a les signaler sur OpenStreetBugs !

Qui sait, peut-être que bientôt, dans les logiciels de routages basés sur les cartes OpenStreetMap, on aura une option éviter les zones sous surveillance vidéo ? Mais comme disait Devloop :

Les paranos sont ceux qui installent les caméras, pas ceux qui les comptent.

Lier vos billets DotClear 2 avec OpenStreetMap

Thesa — Tue, 22 Jul 2008 02:30:00 +0200

Le but est, à partir d'un billet de blog, écrit à l'aide DotClear 2, de géolocaliser le billet (donc inscrire dans le billet des informations géographiques le concernant), et de lier cela à OpenStreetMap.

Avant tout, signalons l'existence de Dotmap, une extension de géolocalisation très complète, mais ne supportant pas OpenStreetMap (mais je l'ai suggéré à l'auteur, et c'est dans la roadmap, via Mapstraction. La solution que je propose est beaucoup plus légère et rudimentaire. À vous de voir.

Nous allons simplement nous contenter d'ajouter dans le billet des informations de géolocalisation (latitude, longitude), exploitable via le microformat geo, et d'afficher cela sous forme de lien vers OpenStreetMap. À noter que l'on pourrait sans problème afficher en plus une carte OpenStreetMap, mais je trouve que cela alourdi beaucoup la page pour pas grand chose. Pour voir un exemple de ce que cela donne, regardez sous le billet Tonight in Toulouse, en bas des informations sur le billet : un joli lien vous mène vers l'endroit en question, sur le site principal d'OpenStreetMap.

Nous allons passer par le plugin Mymeta, qui permet d'ajouter des méta-données personnalisées aux billets. Dans notre cas, voici les méta-données en question :

place_name et zoom sont ici uniquement pour avoir un lien sympathique. Une fois les méta-données créées, vous avez la possibilité de les renseigner pour chaque billet. Si vous laissez tout vierge, il n'y aura pas de lien. Par contre, sinon, remplissez tout, le code que je vais donner ensuite n'aime pas trop se débrouiller avec la moitié des informations.

Pour récupérer ces informations, vous pouvez par exemple utiliser le site principal d'OpenStreetMap et son adresse Permalink en bas à droite : vous trouverez dans cette adresse les coordonnées actuelles, ainsi que le niveau de zoom.

Téléchargez maintenant le fichier _osm_link.html, et placez-le dans le dossier tpl de votre thème. Pour afficher le lien, il vous suffit de modifier le fichier tpl/post.html de votre thème, et de placer là où vous voulez insérer le lien :

{{tpl:include src="http://filyb.info/post/2008/07/22/_osm_link.html"}}

Cela insérera le lien dans des balise <li>, parce que ça m'arrange. Vous pouvez les supprimer de _osm_link.html.

Normalement, vous devriez déjà avoir quelque chose de fonctionnel. Pour agrémenter le tout, vous pouvez utiliser l'icône Geotag. Téléchargez-le, et insérez quelque chose comme ceci dans votre feuille de style :

.geo:before {
    content:url(img/geotag_16.png)"\0000a0";
}

Intégrer une carte OpenStreetMap dans votre site web

Thesa — Tue, 15 Jul 2008 02:42:00 +0200

Depuis que Google a mis à disposition son service Google Maps, les petits bouts de carte se sont mis à fleurir un peu partout sur la toile. Il faut indiquer un lieu ? Pas de problème, on va mettre une Google Map... Mieux ! On va mettre une OpenStreetMap !

J'ai testé plusieurs solutions pour obtenir une carte sympathique, facile à mettre en place, et avec du code valide. On commence par oublier l'onglet Export du site principal d'OpenStreetMap.

La meilleure solution que j'ai trouvé consiste à passer par Mapstraction. Il s'agit d'une bibliothèque javascript libre d'abstraction d'API. Concrètement, avec le même code, vous pouvez afficher une carte Google, Yahoo!... ou OpenStreetMap (voir la démonstration OpenStreetMap et OpenLayers – notez que OpenLayers est une bibliothèque javascript libre pour mettre en place des slippy maps).

Passons aux travaux pratiques. Voici ce que l'on aimerait obtenir :

Voir la carte sur OpenStreetMap.

Voici une carte tout à fait respectables, avec quelques POI marqués. Le seul inconvénient : les bulles des POI sont... moches.

Comment mettre cela en place ? Simple, voici le code :

    <!-- DIV xhtml de la carte. La taille peut être spécifiée soit ici,
         dans l'attribut style, soit dans les css.
    -->
    <div id="demo-map" style="width: 600px; height: 600px;"></div>
    <p><a
    href="http://openstreetmap.org/?lat=43.5945&lon=1.4496&zoom=12"
    hreflang="en" title="Site du projet OpenStreetMap">
        Voir la carte sur OpenStreetMap.
    </a></p>
    
    
    <!-- Inclusion des bibliothèques javascript OpenLayers et Mapstraction -->
    <script
        type="text/javascript"
        src="http://openlayers.org/api/OpenLayers.js"
    ></script>
    <script
        type="text/javascript"
        src="http://mapstraction.com/svn/source/mapstraction.js"
    ></script>
    
    <script type="text/javascript">
    // Initialisation de la carte.
    var mapstraction = new Mapstraction('demo-map','openlayers');
    mapstraction.addControls({
        pan: true, 
        zoom: 'small',
        map_type: true 
    });
    // Centrer la carte sur toulouse
    var toulouse = new LatLonPoint(43.60277,1.44371);
    mapstraction.setCenterAndZoom(toulouse, 12);
    
    // Ajouter des points (avec leur latitude et longitude) :
    //
    // Comment récupérer la latitude et la longitude d'un point ?
    // 1. Aller sur http://openstreetmap.org/
    // 2. Cliquer sur l'onglet "Export" (en haut)
    // 3. Dans "Format to Export", choisir "Embeddable HTML"
    // 4. Cliquez sur "Add a marker to the map"
    // 5. Cliquez sur la position souhaitée sur la carte (ne pas hésiter à
    //    zoomer !)
    // 6. La latitude et la longitude s'affichent en dessous.
    
    // Cinéma Utopia
    utopia = new Marker(new LatLonPoint(43.60394,1.44679))
    utopia.setInfoBubble('Cinéma Utopia Toulouse');
    mapstraction.addMarker(utopia);
    
    // Toulibre - Groupe d'utilisateurs de logiciels libres toulousain
    toulibre = new Marker(new LatLonPoint(43.60834,1.44461))
    toulibre.setInfoBubble('GUL Toulibre');
    mapstraction.addMarker(toulibre);
    
    // Un point au hasard
    hasard = new Marker(new LatLonPoint(43.58484,1.38883))
    hasard.setInfoBubble('Un point au hasard');
    mapstraction.addMarker(hasard);
    
    </script>

Il y a même des jolis commentaires pour tout vous expliquer ! Notez l'astuce pratique pour récupérer les coordonnées d'un point. Pour le lien Voir la carte sur OpenStreetMap, vous pouvez simplement copier l'adresse de permalien de la vue que vous souhaitez sur le site principal d'OpenStreetMap.

Maintenant, vous n'avez plus d'excuse ! Si vous voulez mettre une carte sur votre site, copiez ce code. (Non, l'excuse OpenStreetMap est incomplet pour la zone que je veux afficher ne tient pas. Allez sur place, complétez OpenStreetMap, et retournez à votre site web.)