gpx-track from URL: Show single waypoints

There are not waypoints in this gpx file. But [leaflet-gpx src=https://url/to/file.gpx color=black circleMarker] does the job.

Hi Hupe,
the file example from my post is the one shown in the shortcut-notes of the leaflet wordpress plugin.

Here is the code I am using:

[leaflet-map fitbounds zoomcontrol]
[leaflet-kml src=https://www…….de/…./current-position.kml]
[leaflet-gpx src=https://www……de/…./track.gpx color=blue circleMarker]
[fullscreen]

But the “circleMarker” seems not working: The track is shown, but there is nothing shown on the map at each waypoint of the track (at each GPS coordinate coming from the .gpx file).

Any idea?

• This reply was modified 1 year, 2 months ago by dosheimer.
• This reply was modified 1 year, 2 months ago by dosheimer.

A waypoint (wpt) is not the same as a trackpoint (trkpt) in gpx format. Trackpoints describe the track and waypoints are markers resp. points of interests (POIs). Here are examples of something different but there you can see that.

ok thank you, got it.

So therefore no change to make a small dot on each trackpoint (trkpt)?

Im my usecase as a offshore sailing yacht I am i.e traveling from Spanish Coast to Mallorca. Every 15 minutes the router on board of my yacht tries to transmit a GPS position to my webserver and writes this as a trackpoint (trkpt) into the above mentioned gpx file.

To get an immeadiate feeling within the shown map if the blue track was the really sailed track or only the connection between the both last trackpoint′s (trkpt), a small dot in the same color of the track line would be really great.

Because it can happen that for a long distance there is no trackpoint (trkpt) received and not written into the gpx file due to missing 4G signal. Showing a small dot on each trackpoint (trkpt) would solve this making it easy for the user watching the map to identify this.

• This reply was modified 1 year, 2 months ago by dosheimer.

One possibility would be to display the last change. Or you use for each segment a leaflet-line with alternating colors. Many leaflet-lines form a track, that’s exactly what leaflet-gpx does.

Or would it be possible to show the time and date (<time> tag) from the <trkpt>container loaded from the gpx-file for each Wayoint in the map (or even better the description <desc> tag within the <trkpt>container?

<?xml version="1.0" encoding="UTF-8"?>
<gpx version="1.1" xmlns="https://www.topografix.com/GPX/1/1">
  <trk>
    <name>Meine Wanderung</name>
    <trkseg>
      <trkpt lat="48.858844" lon="2.294351">
        <ele>40.0</ele>
        <time>2023-09-08T10:00:00Z</time>
        <desc>Eiffel Tower</desc>
      </trkpt>
      <trkpt lat="48.860642" lon="2.337163">
        <ele>45.0</ele>
        <time>2023-09-08T10:30:00Z</time>
        <desc>Louvre Museum</desc>
      </trkpt>
      <!-- Weitere Punkte hier -->
    </trkseg>
  </trk>
</gpx>

Am Louvre und am Eiffelturm segelt man aber nicht vorbei. ??

Das funktioniert nicht. leaflet-gpx wertet das nicht aus. Bei elevation von Extensions for Leaflet Map spielt die Zeit der Trackpoints eine Rolle. Da kann man Geschwindigkeit, Beschleunigung und sowas auswerten.

Ansonsten Wegpunkte anlegen.

Aber ich denke, meine Idee mit leaflet-line k?nnte man weiter entwickeln. Wenn ein neuer Punkt nach 15 Minuten kommt, dann ist sie grün, wenn nach 30 Minuten dann orange, nach einer Stunde rot oder so ?hnlich. Und wenn du wieder zu Hause bist, machst du einen ordentlichen Track daraus.

Hm, das mit den unterschiedlichen Farben der einzelnen Track-Teilabschnitte finde ich sieht nicht sonderlich gut auf der Karte aus.

Aber Du schreibst: “Ansonsten Wegpunkte anlegen.”

Kann man also Wegpunkte aus einer gpx-Datei auslesen und diese in der Map darstellen? Also die <wpt> Tags einer gpx-Datei auslesen und verarbeiten mit shortcodes?

P.S.: Die gpx Schema-Beispiele stammen von ChatGPT ??

<?xml version="1.0" encoding="UTF-8"?>
<gpx version="1.1" xmlns="https://www.topografix.com/GPX/1/1">
  <metadata>
    <name>Wanderung im Wald</name>
    <desc>Eine Wanderung durch den Wald</desc>
    <author>
      <name>Max Mustermann</name>
      <email>[email protected]</email>
    </author>
  </metadata>
  <trk>
    <name>Weg durch den Wald</name>
    <desc>Ein Wanderweg durch den Wald</desc>
    <trkseg>
      <trkpt lat="51.123456" lon="7.654321">
        <ele>300</ele>
        <time>2023-09-08T10:00:00Z</time>
      </trkpt>
      <trkpt lat="51.123789" lon="7.654987">
        <ele>310</ele>
        <time>2023-09-08T10:15:00Z</time>
      </trkpt>
      <trkpt lat="51.124567" lon="7.655432">
        <ele>320</ele>
        <time>2023-09-08T10:30:00Z</time>
      </trkpt>
    </trkseg>
  </trk>
  <wpt lat="51.123456" lon="7.654321">
    <name>Startpunkt</name>
    <desc>Der Startpunkt der Wanderung</desc>
  </wpt>
  <wpt lat="51.124567" lon="7.655432">
    <name>Wegkreuzung</name>
    <desc>Eine Wegkreuzung im Wald</desc>
  </wpt>
  <wpt lat="51.125678" lon="7.656543">
    <name>Endpunkt</name>
    <desc>Der Endpunkt der Wanderung</desc>
  </wpt>
</gpx>

Kann man also Wegpunkte aus einer gpx-Datei auslesen und diese in der Map darstellen? Also die Tags einer gpx-Datei auslesen und verarbeiten mit shortcodes?

Das geht sogar ohne Shortcodes. Der Wegpunkt in file.gpx:

<wpt lat="51.123456" lon="7.654321">
    <name>Startpunkt</name>
    <desc>Der Startpunkt der Wanderung</desc>
</wpt>

Shortcode:

[leaflet-gpx src="https://url/track/file.gpx"]{name} - {desc}[/leaflet-gpx]

Dann bekommst du im Popup “Startpunkt – Der Startpunkt der Wanderung”.

wwwwooww! ??
Du bist ein Meister ??

Das war der entscheidende Hinweis. Nun klappt es perfekt. Ich hab noch die Option “circleMarker” mit dazu genommen und die gpx Datei beinhaltet nun für jeden Track-Point auch zus?tzlich einen Waypoint mit Content in den von Dir genannten Tags (in meinem Fall habe ich dort die Uhrzeit und das Datum des jeweils zugeh?rigen Track-Points eingetragen).

Das Ergebnis ist sensationell gut jetzt! Ich bin sehr happy ??

Hier noch der von mir final verwendete Shortcode:

[leaflet-map fitbounds zoomcontrol]
[leaflet-kml src=https://www…../…./current-position.kml]
[leaflet-gpx src=”https://www&#8230;../…./track.gpx” circleMarker]{name} – {desc}[/leaflet-gpx]
[fullscreen]

Feinkosmetik: Kann man noch den Durchmesser des “CircleMarker” etwas verkleinern, wenn der mir im Default etwas zu gro? vorkommt?

mit radius=xx. Du kannst auch die Farbe ?ndern mit z.B. color=blue

Freut mich, dass es nun so funktioniert, wie du es dir vorstellst.

• This reply was modified 1 year, 2 months ago by hupe13.