Intégration sur un site

Mise à jour 18 sept. 2023 : des problèmes avec Firefox ont été signalés (pas de souci avec Chrome ou Safari, ou navigateur basés sur Chromium).
Ils sont normalement résolus. Mais si vous constatez toujours un problème, merci de me le signaler (lien "Contact").


Vous pouvez afficher des traces sur votre site web avec GpxSwK. Cela vous permet d'enrichir votre site sans effort de développement et sans avoir à apprendre la programmation nécessaire.
La carte avec la ou les traces sera affichée dans une fenêtre dédiée (une "iFrame") : vous allez devoir insérer une courte portion de code dans votre page, et si vous utilisez un créateur de site (hors ligne ou en ligne), celui-ci devra permettre l'insertion de "frame" (en général, ils peuvent, c'est le moyen aussi par exemple d'insérer des vidéos).
Les traces (fichiers GPX) n'ont pas obligation à être enregistrées sur le même site que celui où sera affiché le cadre.

La fenêtre embarquée affichera une version simplifiée de GpxSwK, avec seulement les boutons essentiels, et sans possibilité d'édition.
Le bouton "Ouvrir avec GpxSwK" permettra de lancer une session complète de GpxSwK, dans laquelle, la trace pourra être éditer et enregistrée.

Pour cela, vous devez ajouter le paramètre embed dans la requête, et le lien du fichier .gpx dans l'attribut urls du paramètre state (vos fichiers GPX doivent donc être accessible en ligne depuis un hébergement Internet). Assurez-vous d'utiliser https et d'encoder tous les caractères spéciaux. Le formulaire ci-dessous vous permet de calculer le code de cette "iframe".

En cas de difficultés, prendre contact avec moi.

Il est possible que les requêtes de GpxSwK soient pas bloquées par la politique CORS, cela est diagnostiqué par un message dans une fenêtre.
Si vous en avez la possibilité (meilleure solution), il faudra ajouter le header suivant à la réponse de votre serveur (via le fichier .htaccess sans doute) :
"Acces-Control-Allow-Origin : *" ou bien "Acces-Control-Allow-Origin : https://gpx.tybern.fr"
Si vous n'avez pas d'autre solution, essayez le paramètre indirect (cocher le bouton "Chargement indirect du GPX" dans le formulaire ci-dessous) qui devrait résoudre le problème). Si alors, vous obtenez l'affichage d'un panneau "Sens interdit", prenez contact avec moi pour débloquer l'accès.

S'il s'affiche un panneau avec un point d'exclamation, c'est sans doute que le fichier GPX est mal-formé.

Choisissez la carte affichée par défaut avec le paramètre mapsource parmi les valeurs suivantes :

  • ignplan : IGN Plan
  • ignortho : IGN Satellite
  • osm : OpenStreetMap
  • otm : OpenTopoMap

Vous pouvez optionnellement ajouter des paramètres à l'URL : distance pour montrer les marqueurs de distance, direction pour afficher les marqueurs de direction, altitude pour déplier le profil altimétrique et slope pour afficher la vue de pente du profil d'altitude.

Ci-dessous se trouve un formulaire pour tester les paramètres avec un aperçu en direct et le code HTML directement généré (il suffit d'en faire un copier-coller et d'insérer le code dans votre page Web. Vous pouvez/devez dans ce code généré adapter la taille de la fenêtre (paramètre "width" et "height"), ainsi que la bordure.



Paramètres

URLs des fichiers (séparées par des virgules)

Marqueurs de distance Marqueurs de direction Profil altitudes Coloration pentes

Carte affichée par défaut

Chargement indirect du GPX

URL source

Code HTML complet

Aperçu