Warning: file_get_contents(/home/maasify/www/ondemand/widgets/../widget/versions.json): Failed to open stream: No such file or directory in /home/maasify/www/ondemand/widgets/itinerary.php on line 2
ondemand-itinerary — Widget calcul d'itinéraire | ONDEMAND
← Catalogue widgets
route

ondemand-itinerary

Calcul d'itinéraire multimodal — Du point A au point B, tous modes confondus

check_circle Disponible

Proposez à vos visiteurs un calcul d'itinéraire multimodal instantané. Bus, tram, métro, TER, TGV, car longue distance et covoiturage : le widget compare les options et affiche les horaires, correspondances, tarifs estimés et bilan CO₂. La richesse de l'interface est pilotée par les attributs data-* : de la version ultra-simple (destination fixée) au portail complet (filtres modes, date/heure, O/D libre). Origine et destination peuvent être injectées et verrouillées par l'intégrateur — l'utilisateur peut toujours les inverser.

commute
Multimodal Bus, tram, métro, TER, TGV, car, covoiturage
payments
Tarifs Estimation tarifaire par segment
eco
Bilan CO₂ Empreinte carbone ADEME par trajet
my_location
Géolocalisation Départ auto depuis la position
lock
Injection O/D Verrouillage + swap + reverse-geocode
dark_mode
Mode sombre Thème clair, sombre ou automatique
tune
Configurable Pilotable par attributs data-*
devices
Responsive Mobile, tablette, desktop
language
Multi-plateforme WordPress & HTML natif

Intégration

Code d'intégration

💡 Clé API — Obtenez votre clé sur votre dashboard. Personnalisez via le configurateur ci-dessus.

download Télécharger le plugin v1.0.0
Shortcode
[ondemand_itinerary show-map="true" show-datetime="true"]

Dans WordPress : Extensions → Ajouter → Téléverser, puis insérez le shortcode. 🔄 Mises à jour automatiques.

Attributs

AttributRequisDescriptionDéfaut
data-api-urlcheckURL directe du proxy API widget
data-api-keyClé API publique (obtenir)démo
data-regionIndex de la région OTP (auto-détecté si absent)auto
🔒 Injection de localisation
data-origin-latLatitude de l'origine → verrouille le champ
data-origin-lonLongitude de l'origine
data-dest-latLatitude de la destination → verrouille le champ
data-dest-lonLongitude de la destination
Apparence & comportement
data-themeThème : light, dark ou autoauto
data-colorCouleur d'accent personnalisée#1a6b4e
data-heightHauteur : px ou full (plein écran)auto
data-show-datetimeAfficher date/heure + partir/arriverfalse
data-show-filtersAfficher les filtres de modesfalse
data-show-faresAfficher les tarifs estiméstrue
data-show-bookingAfficher les liens d'achatfalse
data-modesModes de transport autorisés (CSV)BUS,TRAM,RAIL,SUBWAY,WALK
🔒 Comportement de l'injection :
• Si data-origin-lat/lon ou data-dest-lat/lon sont renseignés, le champ correspondant est pré-rempli et verrouillé (readonly + icône 🔒).
• Le nom du lieu est géocodé automatiquement (reverse-geocode) à partir des coordonnées GPS.
• Le bouton ⇅ swap permet à l'utilisateur d'inverser origine et destination, y compris les états verrouillés.
• Si un seul champ est verrouillé, l'autre est rempli par géolocalisation automatique + recherche lancée.
data-region est auto-détecté depuis les coordonnées si omis.
Démo interactive
Transport en commun
Mobilités actives
À la demande
Automobile
Origine
Destination