OpenRunner permet de créer des tracés de randonnées sur une carte et de les partager avec les autres.

Avantages

  • Compte gratuit
  • Tracer manuellement la rando qu'on veut ou adapter une rando préexistante
  • Calcul des Km et de la dénivelée
  • Export de la trace en format GPS ou Google Earth pour les smartphone pour l'avoir toujours sur soi.. il existe une appli Openrunner pour smartphone
  • Partager avec ses amis, directement grâce un lien/facebook/twitter... ou en l'intégrant à une page internet ( Le site de la Cagette)

Lien du site : https://www.openrunner.com

exemple test : https://www.openrunner.com/r/10113345


Intégrer la carte dans une page du site


Lorsque vous avez fini de tracé votre rando sur le site OpenRunner

- dans l'encadré Partager le parcours, il y a un bouton Sur votre site web

- vous copiez le texte de l'iframe qui ressemble à l'exemple ci-dessous

<iframe width="450px" height="580px" src="https://www.openrunner.com/route/10113345/embed/fr/50794275376d7a466a7276724966376d3946696d656578796f734c63363054596f6d5475787074762f57733d3a3a5a62933b24f727b54c6ada545583d79b" frameborder="0" allowfullscreen></iframe>


et vous le collez dans le menu édition de la page sur laquelle vous voulez qu'apparaisse la carte.

Cela fonctionne aussi dans n'importe quel menu édition de page tels que les formulaires,

Vous pouvez par exemple : collez le texte iframe dans le formulaire de votre événement randonnée dans la dernière case du formulaire qui s'appelle Lien vers carte (facultatif) :

N'oubliez pas de rajouter 2 guillemets AVANT et 2 guillemets APRÈS le texte de l'iframe

Les guillemets permettent au code de "s'exprimer" sur la page. Chaque commande Html doit être entourée de 2 guillemets pour pouvoir active ! Sinon le site "pensera" que c'est seulement du texte et non une commande.

Exemple de rendu sur votre page :