Kooperation in der IT-Infrastruktur

Kontaktoo-Business-Mitglieder oder ihre Internetagenturen dürfen in der PRO-Mitgliedschaft alle unsere WordPress-Plugins unseres Netzwerk kostenlos für ihre eigene Website mitnutzen.

Wir entwickeln 2025 laufend weitere Plugins für die Nutzung von KI-Agenten in automatisierten Geschäftsprozessen in unseren Portalen, z.B. für die Filterung des E-Mail-Verkehrs nach Themen, der Einordnung nach Wichtigkeit und das Aussortieren von Spam.

Diese Plugins und auch unsere im Netzwerk entwickelten Apps sollen später von einer gemeinschaftlich aufgebauten Genossenschaft nach dem Prinzip der solidarischen Ökonomie fair genutzt und vermarktet werden.

Beispiel Solidara Map – Plugin

Mit diesem ersten Plugin kann man auf der eigenen Internetseite auch als technisch begabter Laie auf einfache Weise benutzerdefinierte Landkarten erstellen, wie sie auf unserem Gemeinschaftsportal INFORMATOO z.B. für Reiseinformationen verwendet werden. Hier ist ein Beispiel für den Nordsee-Ferienpark Dorum-Neufeld.

📌 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.

---