Le menu « Rechercher » en haut à droite du menu fait le travail : on tape un mot, on a des résultats. Mais dès qu’on veut chercher « une randonnée dans le nord-est avec accès PMR et une plage à proximité », il n’y a plus rien pour ça. C’est le problème qui a lancé ce chantier.
Ce qui suit n’était pas prévu au départ. Une question technique en a entraîné une autre, quelques délires en mode « chiche on peut le faire », et le résultat final dépasse largement l’intention initiale.
Comment sont rédigés les articles
Chaque article a bien sûr sa base : un titre, un texte, une image de couverture.
Mais ils sont maintenant enrichis de « métadata« . Une métadata c’est littéralement une « donnée-dans-la-donnée ». Les exemples les plus connus sont : dans un fichier photo (jpg) il y a aussi des infos de gps, type appareil, focale, … ; dans un fichier audio (mp3) il a y aussi le titre de la chanson, l’auteur/interprète, …
J’ai donc enrichi mes articles par ce principe.
Il y a les trois catégories principales définissant le type, comme « Ville / Village », « Piscine », « Marché » ; la région comme « Centre-Ouest », « Nord-Est » ; et surtout sa coordonnée GPS.
S’ajoutent à eux des Commodités supplémentaires : « Chiens admis », « Accès PMR », « Douche, Toilettes », …
C’est déjà visible de base ici. Remarquez la punaise rouge indiquant une coordonnées GPS.


Cela permet de répondre à une question : « je veux aller dans le nord-est, sur une plage, avec mon chien, et manger dans un resto à midi »
Une recherche par facettes
Le site a maintenant une page de recherche avancée, séparée de la barre de recherche classique. Elle permet de filtrer par région, par type de balade, et par commodités (accès PMR, animaux admis, aire de pique-nique, etc.), en plus du texte libre. Les résultats s’affichent sans recharger la page, en grille ou en liste.
La recherche simple garde son utilité pour une recherche rapide — un bandeau y renvoie maintenant vers la recherche avancée pour le même terme, plutôt que de choisir entre les deux.


Et si on voyait ça sur une carte ?
Beaucoup d’articles ont des coordonnées GPS. Dès que des résultats de recherche en contiennent, un bouton fait apparaître une carte avec un pin par article. Pas de Google Maps ici — la carte utilise Leaflet, une bibliothèque libre, avec des fonds OpenStreetMap. Aucune clé, aucun compte, aucun coût.
Le même mécanisme s’est retrouvé, presque par ricochet, sur toutes les pages de catégorie du site. « Mes balades », mais aussi n’importe quelle sous-catégorie comme « Cascade » ou « Région Nord » : une carte apparaît automatiquement parmi les articles, montrant uniquement les lieux géolocalisés de cette liste précise.
Et chaque punaise pointe vers l’article du blog qui lui est associé.


Le vertige : un itinéraire complet
Une fois qu’on a une liste de lieux géolocalisés, la question suivante était : dans quel ordre les visiter, en partant de chez soi ? La page de recherche avancée propose maintenant un point de départ (à saisir une fois, mémorisé ensuite) et un bouton « Calculer un itinéraire ».
Un petit calcul, entièrement fait dans le navigateur, propose un ordre de visite raisonnable. La carte affiche alors des pins numérotés reliés par une ligne indicative. Un dernier bouton ouvre l’itinéraire réel dans Google Maps, avec toutes les étapes dans l’ordre — cette partie-là utilise un format d’adresse public de Google, documenté, qui ne demande ni clé ni compte.


De la case à cocher « avec coordonnées GPS » à un itinéraire complet ouvert dans Google Maps, sans jamais sortir de clé API ni payer quoi que ce soit à personne — ce n’était pas le plan de départ, mais c’est ce qui en est sorti.

Quand je suis arrivé définitivement sur mon île il y a deux ans, je n’avais pas ça. À l’époque et avant d’acheter ma voiture, j’ai loué pendant 3 mois des voitures. Chaque fin de mois il fallait la rentrer et je recevais un rapport de remise. J’ai parcouru …… 6000 km !! sur une île qui ne fait que 700km2 et 45km de bord à bord (nord-sud).

Que pensez-vous de cet article ? Merci de liker et laisser un commentaire.
Like
Love
Happy
Haha
Sad


