Aller au contenu
greenalpSe connecter
Intégration sur site web

Mets ta carte en direct sur n'importe quel site.

Un seul iframe transforme n'importe quelle page en carte de suivi en direct — blogs de voyage, expéditions à la voile, courses, événements. Copier, coller, c'est fait. Tes visiteurs suivent le voyage en direct, sans jamais quitter ton site.

Disponible sur Google Play
Scanne avec ton téléphone
Voir un exemple en direct

Débloque l'option Cadre de site web dans l'application ou sur le web, puis colle un iframe. Aucun compte requis pour regarder.

https://myjourney.blog/live
En direct · Sofia© OpenStreetMap contributors

Comment ça marche

Trois étapes pour une carte en direct sur ta page.

Ni plugin, ni compilation. Si tu sais coller du HTML, tu sais intégrer une carte en direct.

  1. Débloque le cadre

    Achète l'option Cadre de site web dans l'application — menu latéral → Premium → Cadre de site web — ou ici sur le web.

    Acheter le Cadre de site web →

  2. Ajoute l'iframe

    Colle l'extrait de code sur ton site et mets ton nom d'utilisateur dans l'URL (live.greenalp.com/you).

  3. C'est en ligne

    Ta carte en direct apparaît aussitôt. Ajuste l'affichage avec des paramètres d'URL — type de carte, zoom, plage horaire.

Pensé pour

Idéal quand c'est le voyage qui raconte l'histoire.

Aussi apprécié des bikepackers, des équipes de terrain et des émissions de télé et de radio en direct.

Le code

Un extrait. Copier, coller, en direct.

Règle la taille avec width / height, et change l'affichage ou le zoom avec un paramètre d'URL.

<iframe src="https://live.greenalp.com/demouser?frame=1"
  width="640" height="480"></iframe>
<div style="font:11px/1.6 sans-serif"><a href="https://www.greenalp.com/" style="color:#888;text-decoration:none">Live map by Greenalp</a></div>

// remplace « demouser » par ton nom d'utilisateur
// facultatif :  ?zoom=14  — plus le style de carte et la plage horaire

Deux types de liens

Rapide et flexible, ou enregistré et épuré.

Ajuste un lien à la volée, ou configure-le une fois et partage une URL propre.

À ta façon

La carte s'adapte à ton site, pas l'inverse.

Bon à savoir

Tes questions sur l'intégration, nos réponses.

Mes visiteurs ont-ils besoin d'une application ou d'un compte ?

Non. La carte intégrée fonctionne dans n'importe quel navigateur. Seule la personne qui diffuse sa position — toi — a besoin de l'application Android.

Comment activer l'intégration ?

Achète l'option Cadre de site web dans l'application (menu latéral, Premium, Cadre de site web) ou ici sur le web. Colle ensuite l'iframe avec ton nom d'utilisateur, ou utilise un lien personnalisé enregistré. Acheter le Cadre de site web →

C'est gratuit ?

Le Cadre de site web est une option Premium que tu achètes pour une durée limitée, pas à vie. Regarder une carte intégrée est toujours gratuit pour tes visiteurs. Voir les prix →

Puis-je changer la carte, le zoom ou la taille ?

Oui. Utilise width et height pour la taille, et zoom pour le niveau. Toutes les cartes de base fonctionnent — les gratuites toujours, et Google Maps si des crédits sont disponibles et que le propriétaire l'autorise.

Puis-je afficher plusieurs personnes sur une même carte intégrée ?

Oui. Ajoute chaque personne supplémentaire à ton lien avec un autre viewuser=<name>. Ça fonctionne si tu as le Cadre de site web et que les autres t'ont accepté comme ami, ou si chacun d'eux a le Cadre de site web. Sans option supplémentaire, le cadre affiche jusqu'à trois personnes ; avec des places d'amis (Premium) sur ton compte, toutes les personnes que tu nommes et qui sont tes amis.

Est-ce que ça ralentit mon site ?

Non, c'est un iframe léger. Ajoute loading=lazy pour que ta page s'affiche d'abord et que la carte se charge ensuite.

Quand tu veux

Ajoute une carte en direct à ton site.

Débloque le Cadre de site web dans l'application, colle un iframe, et ta carte en direct est sur ton site.

Disponible sur Google Play