Toute la mobilité à portée de clic — Transports, vélos, vols & plus
Offrez à vos visiteurs une vue complète de la mobilité autour de n'importe quel lieu. Bus, tram, métro, TER, vélos en libre-service, autopartage, parkings vélo et vols aériens : le widget agrège toutes les offres sur une carte interactive accompagnée de prochains passages en temps réel et d'horaires de vols. Mode sombre, écomode, thème personnalisable — il s'intègre en une ligne de code à n'importe quel site.
<!-- 1. Charger le widget (v1.0.0) -->
<link rel="stylesheet" href="https://api.preprod.maasify.fr/widget/v1/ondemand-nearby.css">
<script src="https://api.preprod.maasify.fr/widget/v1/ondemand-nearby.js" defer></script>
<!-- 2. Placer le widget -->
<div data-od-nearby
data-api-url="https://api.preprod.maasify.fr/widget/proxy.php"
data-api-key="VOTRE_CLE_API"
data-coords="45.764,4.8357"
data-theme="auto"
></div>💡 Clé API — Obtenez votre clé sur votre dashboard. Personnalisez via le configurateur ci-dessus.
[ondemand_nearby coords="45.764,4.8357"]Dans WordPress : Extensions → Ajouter → Téléverser, puis insérez le shortcode. 🔄 Mises à jour automatiques.
| Attribut | Requis | Description | Exemple |
|---|---|---|---|
data-coords | check | Coordonnées GPS du point central (lat,lon) | 45.188529,5.724524 |
data-max-distance | Distance maximale de recherche en mètres (défaut: 500) | 500 | |
data-min-stops | Nombre minimum d'arrêts à afficher (défaut: 3) | 3 | |
data-max-stops | Nombre maximum d'arrêts à afficher (défaut: 9) | 9 | |
data-region | Index de la région OTP (auto-détecté depuis les coordonnées si omis) | auto | |
data-api-url | check | URL du proxy API | /widget/proxy.php |
data-modes | Modes de transport à afficher (séparés par des virgules) | BUS,TRAM,RAIL | |
data-theme | Thème : light, dark ou auto (défaut) | dark | |
data-marker-color | Couleur unique pour tous les pictos (mode monochrome) | #FF8C00 | |
data-panel-width | Largeur du panneau liste en px — active le mode côte à côte (carte | liste) | 400 | |
data-display | Mode d'affichage : both, map ou list (défaut: both) | both |
📍 Injection dynamique : data-coords définit le centre de la recherche de proximité (format : lat,lon).
Pour repositionner le widget dynamiquement, modifiez cet attribut puis appelez ODNearby.init(element).
La position peut être fournie sous forme de coordonnées GPS — le widget géocode automatiquement.