Carte interractive de calcul et tracé d'initinéraire vélo basée sur le service de géocodage et calcul d'itinéraires OpenRoute Service.

Le code source est disponible sur Framagit sous licence AGPL-v3.

Utilisation

Centrer la carte sur une position

• Utiliser le bouton « 🔍 » sur la carte pour rechercher une adresse et centrer la carte sur la position géolocalisée.
• Utiliser le bouton «  » de la barre latérale pour localiser sa position et centrer la carte sur la zone localisée.
• Utilise le bouton « » de la barre latérale pour centrer et zommer sur la trace.

Profil Altimétrique

• Utiliser le bouton « » de la barre latérale pour afficher/masquer le profil altimétrique.

Ajout des points (étapes) sur le tracé

• Avec le formulaire « »

  • Rechercher et séléctioner une adresse dans le champs de formulaire « Départ ».
  • Pour insérer des étapes, avant de saisir le point d'arrivée, cliquer sur le bouton «  », puis rechercher et séléctionner l'adresse des étapes dans les champs de formulaire.
  • Rechercher et séléctionner l'adresse du point d'arrivée dans le champs de formulaire « Arrivée ».
  • Cliquer sur le le bouton «  » après avoir saisi le point d'arrivée pour rallonger le parcours à l'adresse ajoutée.

• En cliquant sur la carte

  • Cliquer sur la carte pour ajouter une étape au tracé, si aucune étape n'est présente le premier point sera le point de départ, le point suivant l'arrivée.
    Les points suivant seront ajouté à la fin du parcours et les points précédents transformés en étape.
  • Cliquer sur le tracé pour ajouter une étape.

Supprimer des points (étapes) du tracé

• Avec le formulaire « »

  • Cliquer sur le « × » dans les champs de formulaire pour supprimer les étapes.
  • Cliquer sur le bouton « » pour effacer l'ensemble des points/étapes.

• En cliquant sur la carte

  • Double cliquer sur un point du tracé pour le supprimer.

Modification du tracé

• Cliquer sur le tracé pour ajouter un point (une étape).
• Double cliquer sur un point pour supprimer l'étape.
• Cliquer sur un point puis glisser/déposer le point sur la carte pour déplacer l'étape et recalculer la route.

Séléction du type de vélo

• Utiliser la liste déroulante du formulaire « » pour définir le type de vélo :
  • Vélo de route / course : le tracé empruntera en priorité la chaussée même si des équipements cyclables sont disponibles. Le temps de trajet est calculé avec une vitesse moyenne de 25 km/h.
  • Vélo de ville / classique : les équipements cyclables sont préférés, le temps de parcours est caclulé sur une vitesse moyenne de 20 km/h.
  • VTT / Gravel : les sentiers et chemins sont empruntés ainsi que les équipements cyclables. Le temps de parcours est calculé avec une vitesse moyenne de 15 km/h.
  • Vélo électrique : les équipements cyclables sont préférés, le temps de parcours est caclulé sur une vitesse moyenne de 25 km/h.

Export du tracé

• Cliquer sur le bouton « » du formulaire « » pour exporter la route (<rte>) au format GPX¹.
  Dans ce format seuls les points de passages sont exportés et le guidage effectué par le « GPS ».
• Cliquer sur le bouton « » de la barre latérale pour exporter la trace (<trk>) au format GPX¹.
  Dans ce format l'intégralité de la trace est exportée, et elle peut être suivie.

1. GPX 1.1 Schema Documentation

Affichage des instructions

• Cliquer sur le bouton « » de la barre latérale pour afficher les instructions de guidage.

Import d'un tracé

• Cliquer sur le bouton «  » de la barre latérale pour télécharger une trace au format GPX, KML ou GeoJSON.
  Si le fichier comporte au minimum deux points de passage, la route sera calculée (selon le profil de vélo) avec les points de passage. Sinon, elle sera calculée depuis le tracé.
  Attention : la route calculée depuis le tracé peut légèrement dévier de la trace originale. L'algoritme commence par simplifier le tracé pour extraire les points de passages avant d'appeler le service de calcul d'itinéraire.
  En fonction du tracé original et du profil de vélo la route peut dévier : ajuster alors les points de passages au besoin.

À Propos

Service de géocodage et d'itinéraire

• Openroute Service

Technologies utilisés

• Leaflet - A JS library for interractive maps
• Leaflet Sidebar v2 – A responsive sidebar for Leaflet.
• Leaflet Control Geocoder – A simple geocoder for Leaflet.
• Leaflet Routing Machine (version modifiée) – Easy, flexible routing for Leaflet.
• Leaflet Routing Machine - OpenRoute Service (dévelopé pour ce projet) – Extends Leaflet Routing Machine with support for Openroute Service.
• leaflet-elevation.js – A Leaflet plugin that allows to add elevation profiles using D3.js.
• D3.js – Data-Driven Documents (utilisé par Leaflet Elevation)
• togpx – Converts GeoJSON to GPX (Export de la trace)
• Turf.js – Advanced geospatial analysis for browsers and Node.js
• ToGeoJSON – Convert KML and GPX to GeoJSON
• shortcode.js – OSM ShortLinks

Cartes

• OpenStreetMap France
• Cyclo OSM
• OpenStreetMap
• Cartes IGN
• Hillshading NASA SRTM.

Remerciements

• Un grand merci à l'équipe derrière Openroute Service pour la fourniture du service, son développement et la libre utilisation de l'API.
• Merci à l'ensemble des auteurs des plugins et librairies utilisées.
• Et enfin, merci à l'ensemble des contributeurs OpenStreetMap.