WordPress 11 : une carte OpenStreetMap avec des marqueurs thématiques

Il est parfois intéressant de diffuser une carte représentant une série de localisation. Je montre ici comment représenter les bornes d’accès au réseau sans fil de l’UMONS.

La première étape consiste à obtenir les coordonnées des points en question. Dans mon cas, un informaticien m’a adressé un fichier au format kml, format utilisé par google.

Les points doivent alors être converti pour correspondre au format décrit dans la documentation du wiki de OpenStreetMap sur le plugin OSM pour WordPress. Cette conversion se fait très facilement à l’aide du logiciel libre GPSBabel (Linux, Mac, Win), via (dans mon cas) l’interface graphique Gebabbel. Il suffit de procéder à l’ajout des quelques colonnes supplémentaires nécessaire comprennant l’URL de l’icône à utiliser, sa taille et un offset. wireless icon 40 x 40Voici l’icône utilisée :

Le fichier des points est alors téléchargé via le gestionnaire de media de WordPress, et les réglages du plugin OSM permettent facilement de créer la séquence nécessaire à la présentation de la carte, soit la chaine suivante placée entre des crochets [] :

osm_map Lat=”50.455″ long=”3.952″ zoom=”15″ width=”600″ height=”450″ marker_file=”https://dvillers.umons.ac.be/blog/wp-content/uploads/2013/01/umons-sans-fil.csv”

 

 

Bon, c’est améliorable côté esthétique, mais je pense que j’ai montré l’essentiel…

 

WordPress 7 : ajouter les premières extensions

WordPress, comme d’autres Systèmes de Gestion de Contenu, peut être étendu par de nombreuses extensions (plugins), conçu comme des modules optionnels venant ajouter de nouvelles fonctionnalités.

J’ai choisi d’installer en priorité 3 extensions :

  • OSM (WP OpenStreetMpa plugin) qui me permettra d’ajouter un plan d’accès sous forme d’une carte glissante particulièrement pratique puisque l’utilisateur pourra zoomer ou se déplacer au grès de ses préférences. Un marqueur permettra d’indiquer une position exacte et pourra ouvrir d’un simple clic une info-bulle
  • Total Backup, un outil de backup du site et de la base de données : il n’est jamais trop tôt pour créer une sauvegarde de son site, avec les ajouts (extensions, thèmes et fichiers uploadés), et de la base de données qui en est l’élément dynamique
  • Fast Secure Contact Form, pour ajouter un formulaire de contact muni d’une protection anti-spam par captcha.

Pour toutes les extensions, il faut : Continuer la lecture