Aus Tabelle mit Koordinate und Text in einer Karte Marker mit Popups erstellen (Leaflet)

Communities Deutschland (Germany)
1

Ich habe eine Tabelle mit Koordinaten und Text. Mit den Koordinaten möchte ich in der Karte je einen Marker setzen, und mit dem Text das zugehörige Popup füllen.

Mit Leaflet habe ich das schon mal händisch mit einzelnen Daten erfolgreich ausprobiert:

// TN-1
L.marker([49.63, 11.0]).addTo(map)
  .bindPopup('<b>Teilnehmer:in 1</b><br>biete 2 Plätze im Auto<br>Teilnehmer@xyt.de').openPopup();

// TN-2
L.marker([49.63, 11.05]).addTo(map)
  .bindPopup('Teilnehmer:in 2').openPopup();

Wie erzeuge ich nun die Variablen “LatLon” und “Text” und damit den Marker mit Popup?
Und wie schreibe ich die zugehörige Schleife, die die Tabelle (XLS, CSV) abarbeitet?

2

Wenn Du Dich mit html und javascript etwas auskennst, kann ich Dir ein Beispiel schicken. Ansonsten empfehle ich umap, siehe unter “Ausgelagerte Daten”.

3

HTML: ja, JS: c&p geht immer (und man lernt ja aus Beipielen - idealerweise mit Kommentaren im Code). Also: gern! Gruss, Markus

4

Danke @fx99! Mit dem Beispiel würde auch ich gerne lernen …

5

In qgis dürftest du die CSV importieren können und daraus kannst du dann z.B. ein geojson exportieren. Bin gerade unterwegs aber kann wenn ich Zuhause am PC bin nochmal nachsehen wie es gehen würde (leaflet kann aus allen Punkten einer geojson einen Marker mit Pop-up generieren) wenn du noch keine Lösung hast.

6

Hier die Funktion onEachFeature ist genau das, was du brauchst
https://leafletjs.com/examples/geojson/

Und csv zu geojson konvertieren geht auch mit Online-Tools wie ich gesehen habe

1 Like
7

Hier ist beschrieben, wie es direkt mit einem csv geht: