OpenLayers map,

Bonjour à tous,
Je tente d’insérer dans un site web des visualisations automatiques de tracés GPX. J’ai trouvé sur le site OSM une exemple de codes sources JavaScript sensé le permettre. Effectivement, j’arrive à représenter mes traces sur le fond de carte OSM mais les contrôles de zoom ne fonctionnent pas sur un PC (firefox), alors qu’ils sont opérationnels sur un smartphone Android (firefox) (site exemple).
Quelqu’un à-t-il des pistes de corrections ou d’autres sources permettant d’atteindre le même objectif
Bien cordialement
Christophe

Bonjour Chh13 et bienvenue sur le forum (pense à une petite présentation sur Présentation - Forum OSM France)

Cette vieille page de wiki décrit une version désormais bien ancienne d’openlayers…

Voici un exemple à jour utilisant OpenLayers:

https://openlayers.org/en/latest/examples/gpx.html

Sinon, il y a aussi Leaflet qui remplace openlayers:

et qui a un plugin GPX:

Super, je m’en suis sorti avec ‹ leaflet ›
Grand merci.

1 Like

Vue ta présentation, tu devrais regarder ça:

Capture d’écran du 2021-04-05 21-03-53

Explications ici:

Intéressant , je vais fouiller un peu le sujet
Merci

Le graphisme est très sympa, dans le script leaflet, j’ai tenté de remplacer le lien '…openstreetmap.org… par le fond : …openstreetmap.fr/topen25/… mais les tuiles ne sont pas chargées
Est-ce possible ?, Le lien est-il correct ?, faut-il ajouter un lien CSS ?, un autre script ?.
merci par avance
Christophe
lien complet : ‹ https://{s}.tile.openstreetmap.fr/topen25/{z}/{x}/{y}.png ›

C’est pas openstreetmap.fr mais sur mon serveur perso osm.cquest.org

https://osm.cquest.org/topen25@x2/{z}/{x}/{y}.png

Dispo non garantie :wink:

Merci pour la réponse. Je n’ai pas réussi à utiliser ce lien. Aucune réponse apparente du serveur.
Je me suis tourné vers opentopomap qui offre un compromis entre le coté fade de OSM de base et CQUEST qui s’approche des fonds IGN qui restent une référence.