📌 GeoJSON Marker-Dokumentation für Solidara Map

⚙️ Grundstruktur (Beispiel)

{
  "type": "Feature",
  "geometry": {
    "type": "Point",
    "coordinates": [11.576124, 48.137154]  // [Longitude, Latitude]
  },
  "properties": {
    "popupContent": "Hier ist ein Popup!",
    "textLabel": "München",
    "emoji": "🏙️",
    "faIcon": "fa-star",
    "marker": {
      "markerUrl": "marker1.png"
    },
    "imageUrl": "photo1.jpg"
  }
}

---

🧩 Verfügbare Properties

🧷 popupContent (optional)

• Typ: string
• Funktion: Zeigt beim Klick auf den Marker ein Popup mit dem angegebenen Text.
• Beispiel: "popupContent": "Willkommen in Berlin"

---

🏷️ textLabel

• Typ: string
• Funktion: Zeigt ein Textlabel auf dem Marker.
• Beispiel: "textLabel": "Shop 1"

Zusätzliche Optionen:

• textTop: CSS-Top-Position z. B. "textTop": "74px"

---

😊 emoji

• Typ: string (Unicode-Emoji oder Text)
• Funktion: Zeigt ein Emoji auf dem Marker.
• Beispiel: "emoji": "🌍"

Zusätzliche Optionen:

• emojiTop: Position vertikal (z. B. "11px")
• emojiLeft: Position horizontal (z. B. "23px")
• emojiSize: Fontgröße (z. B. "18px")

---

⭐ faIcon

• Typ: string (Font Awesome-Klassenname, ohne fas Prefix)
• Funktion: Zeigt ein Font Awesome-Icon auf dem Marker.
• Beispiel: "faIcon": "fa-heart"

Zusätzliche Optionen:

• faTop: Position vertikal (z. B. "50%")
• faLeft: Position horizontal (z. B. "50%")
• faSize: Fontgröße (z. B. "18px")
• faColor: Farbe des Icons (z. B. "red")

---

🖼️ marker.markerUrl

• Typ: string (Dateiname oder vollständige URL)
• Funktion: Zeigt ein individuelles Markerbild an (z. B. Pin-Icon).
• Standard-Pfad: Wird automatisch ergänzt mit:
  https://kontaktoo.eu/wp-content/uploads/free-map-marker-icon-
• Beispiel: "marker": { "markerUrl": "blue.png" }

---

🖼️ imageUrl

• Typ: string (Dateiname oder vollständige URL)
• Funktion: Fügt ein Bild z. B. ein Foto in den Marker ein.
• Standard-Pfad: Wird automatisch ergänzt mit:
  https://informatoo.com/images/
• Beispiel: "imageUrl": "person1.jpg"

---

📂 Weitere Hinweise

• Alle Style-Werte wie top, left, font-size, color usw. können mit gültigen CSS-Werten angepasst werden (z. B. "50%", "12px", "red").
• Du kannst mehrere Darstellungstypen kombinieren: z. B. ein Emoji + Text + FontAwesome-Icon + Markerbild gleichzeitig.

---

🧪 Debug-Modus

Wenn du ein Cookie debug=1 setzt, wird im Browser zusätzlich angezeigt:

• Der verwendete Marker-Basis-Pfad
• Der verwendete Bild-Basis-Pfad

Das hilft bei der Fehlersuche.

---