Balades En Normandie

Altitudes avec Geoservice IGN

Depuis décembre 2022, les données d’altitude des circuits de randonnée sont corrigées par api de Geoservice IGN

En effet, nous enregistrons nos circuits de randonnées avec des smartphones. La précision de l’altitude n’est pas très grande sur ce genre d’appareil, et elle est aussi souvent altérée par l’application utilisée… C’est le cas, par exemple avec l’application IGN rando, comme on peut le voir sur cet exemple de circuit.

Toutefois, il est possible d’obtenir les altitudes réelles des points de notre fichier GPX, avec l’aide de Geoservice IGN.

Je corrige donc systématiquement, depuis le 1 décembre 2022, les données d’altitude des tracés GPX de nos randonnées. J’en ai profité, depuis quelque temps, pour ajouter l’indication de raidillons sur les profils altimétriques des circuits qui le méritent. Attention, l’absence du triangle bleu du raidillon ne veut pas dire qu’il n’y a pas de montées sur une randonnée. Ca veut simplement dire que je n’ai pas ajouté l’info dans la table de données du circuit.

Pour ceux que ça intéresse, pour indiquer les raidillons, j’utilise les outils marker et datalabels de hightcharts :

  let serie2 = {};
  if (raidillon.length > 0) { // si l'info "raidillon" existe
    serie2 = {
      data: raidillon,
      marker: {
        enabled: true,
        symbol: "triangle",
        radius: 5,
        fillColor: "blue",
      },
      dataLabels: {
        enabled: true,
        style: {
          fontSize: "8px",
        },
        formatter: function () {
          return this.point.name;
        },
      },
      lineWidth: 0,
      fillColor: "transparent",
    };
  }

...

    series: [
      {
        data: elevationData, // le profil altimétrique
        lineWidth: 1,
        lineColor: "#154360",
        name: "Elevation",
        marker: {
          enabled: false,
        },
        fillColor: {
          linearGradient: { x1: 0, y1: 0, x2: 0, y2: 1 },
          stops: [
            [0, "rgba(65, 116, 158, 0.7)"],
            [1, "rgba(255, 255, 255, 0.7)"],
          ],
        },
        threshold: null,
      },
      serie2, // les triangles de raidillons
    ],

Laisser un commentaire