Une visionneuse minimaliste pour Panoramax
Panoramax des sentiers

1. Les raisons
2. La visionneuse
• Recherche d'éléments
• Sélection d'un élément
• Le cadre photo
3. Quelques détails supplémentaires
• Les options
• Code source

Les raisons

J'ai commencé à utiliser Panoramax pour prendre des photos de sentiers avec l'application Baba sur un simple téléphone - voir la page d'explications et de conseils Contribuer à Panoramax sans matériel spécial.

Cependant, le fond de carte de la visionneuse de base de Panoramax n'est pas du tout adapté pour l'exploration des sentiers. Voir par exemple dans cette zone

J'ai donc essayé de trouver une façon de repérer les photos sur des fonds de carte correspondant plus à cette utilisation en créant une visionneuse simplifiée. J'ai inséré cette visionneuse dans Carto_tools, une page HTML basée sur Leaflet qui contenait déjà tous les outils pour jongler avec les cartes et afficher des photos. Voir un exemple dans la même zone (cliquer sur Panoramax -> Chercher sur carte).

La visionneuse

Cette visualisation a été conçue au départ pour l'utilisation Panoramax des Sentiers. Elle est donc adaptée avant tout pour :

• de multiples séquences courtes (quelques dizaines de photos) dans une zone
• des photos "à plat" prises avec un téléphone.
• depuis la version 0.7.9, les photos 360° sont prises en charge aussi.
• En cas de mélange de photos 360° et de photos plates dans une même séquence, la visualisation est adaptée de façon transparente. Voir par exemple sur ce trajet.

Recherche d'éléments

Dans une zone donnée, on peut commencer à chercher les photos existantes de deux façons :

• Chercher sur carte retrouve les éléments sur toute la carte actuelle. La limite est fixée à 1000 par appel pour ne pas trop surcharger. Pour les zones étendues (zoom faible) la recherche ne donne donc pas forcément tous les éléments, surtout s'il y a des routes. Il aut réduire la zone et chercher à nouveau pour ajouter les points manquants.
• Chercher autour. C'est la meilleure façon de voir les sentiers dans une petite zone. Une fois le point courant positionné par un clic, la recherche donne les éléments trouvés dans un carré de 1000 m de coté autour de ce point.

Sélection d'un élément

Le clic sur un élément déclenche plusieurs actions :

• La photo est affichée
• Si la séquence n'était pas complète, les points manquants sont chargés (sauf pour les séquences trop longues)
• Les points de la séquence sont affichés en bleu
• Le point sélectionné est mis en valeur.
• Si l'information sur l'azimuth de prise de vue est présente, elle est indiquée par deux traits

Le cadre photo

• Placement
  • Le cadre photo peut être déplacé à partir du bandeau.
  • Il peut être redimensionné à partir des bords de droite et du bas
• Parcours de la séquence
  • On peut parcourir la séquence avec les flèches avant arrière, le ! rouge apparaît tant que la photo n'est pas mise à jour.
  • Lorsqu'on arrive au début ou à la fin de la séquence, la flèche correspondante est désactivée. De nouveaux points sont recherchés automatiquement dans un carré de 400 m de côté pour enchaîner vers les sentiers voisins.
• Sous menu
  • Une case à cocher Image hd permet de choisir les images chargées, simple définition par défaut, haute définition (un peu plus lent) si cochée.
  • Le bouton -> photo affiche la photo hd dans une nouvelle fenêtre.
  • Un bouton -> Px ouvre la visionneuse du métacatalogue, positionnée sur la même photo.
  • Pour ceux qui veulent tout savoir, un bouton -> json affiche l'objet json complet de l'élémént, donnant accès à tous les détails.
• Un cadre simplifié donnant les infos principales est accessible par le menu Affiche->Info

Quelques détails supplémentaires

Les options

La page peut être appelée avec des options passées en paramètres selon la syntaxe classique '?' suivi de paires clés/valeur séparées par un &.

• Sources :
  • source = "osm" ou "ign".
  • Par défaut les photos sont recherchées sur le métacatalogue qui regroupe toutes les instances publiques de Panoramax. On peut restreindre la recherche aux instances OpenStreetMap ou IGN.
• Positionnement :
  • Options pour positionner la carte à l'ouverture (comme ci-dessus)
  • center = [lat, long]
  • zoom = 15
  • Par défaut la carte est positionnée sur la dernière zone ouverte.

Code

• La page est basée sur Leaflet Version 1.6.0. et Photo Sphere Viewer pour les vues 360°.
• J'ai regroupé dans une page séparée les indications essentielles pour interroger l'api Panoramax et pour utiliser Photo Sphere Viewer.
• Pour le code complet, les sources sont ici .

Page mise à jour le 14/08/2026