Discussion :

[noitsnotme]

Bonjour J'ai inséré des cartes à l'aide de Leaflet et de l'extension Geoportail dans un site Wordpress. Pour faire fonctionner les contrôles, à cause de conflits CSS avec les styles de Wordpress, j'ai chargé le css pour GPplugin en tout dernier - par un @import dans le fichier style.css du thême-enfant. Globalement, cela semble marcher. Cependant je note un souci avec le contrôle "Profil altimétrique le long d’un traçé". Quand on l'utilise et on fait balader la souris sur le profil altimétrique, le marqueur orange ne suit pas toujours le tracé. Problème CSS ou autre chose ? Je cherche une idée. Un exemple de page du site : http://lacroixdegattigues.com/load-map/?rkey=1300

[lowzonenose]

Actuellement, le profil par défaut est en cours de refonte...
Mais, il est possible d'utiliser une autre lib pour un profil altimétrique avec le plugin Leaflet du Geoportail.
Ex. avec D3 (version 3)

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
<script src="d3.v3.min.js"></script>
<script>
     (...)
     var e = L.geoportalControl.ElevationPath({
        displayProfileOptions : {
          apply : L.geoportalControl.ElevationPath.DISPLAY_PROFILE_LIB_D3
        }
      });
     (...)
</script>

Ex. avec AmChart (version 3)

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
<script src="d3.v3.min.js"></script>
<script>
     (...)
     var e = L.geoportalControl.ElevationPath({
        displayProfileOptions : {
          apply : L.geoportalControl.ElevationPath.DISPLAY_PROFILE_LIB_AMCHARTS
        }
      });
     (...)
</script>

[noitsnotme]

Merci pour la réponse. J'ai essayé avec D3 que j'utilise déjà pour autre chose dans l'application. Même comportement. Le profil altimétrique se calcule correctement. Mais en baladant la souris sur ce profil, le marqueur orange se déplace sur la carte en ligne droite du premier point au dernier point, sans suivre le véritable tracé. Pour l'instant, je n'ai pas essayé avec Amcharts. Par contre, je ne pense pas que le problème vient du contrôle ElevationPath. C'est plutôt un problème de conflit avec un élément du stack de Wordpress car le contrôle fonctionne parfaitement dans un contexte sans Wordpress.

Comparer

ce contexte sans Wordpress http://www.aphyllanthe.fr/randonnees....php?rkey=1062

et celui ci avec Wordpress. http://lacroixdegattigues.com/load-map/?rkey=1062

Cordialement

[lowzonenose]

Tu pourrais tester avec cette version du plugin Leaflet (version de la branche master du projet):
http://ignf.github.io/geoportal-exte...uginLeaflet.js