WP Manifestindependent plugin directory
manifest / editor / ud-muotamap-block

UD Block: Muotamap

Interaktiver Karten-Block auf Basis von Leaflet.js zur Anzeige einzelner oder mehrerer Standorte entlang der Muota, inklusive Routing- und Echtzeit-Funktionen.

by ulrich.digital gmbh · github.com/ulrich-digital/ud-muotamap-block

★ 0stars
0forks

Install

No release zip yet. The repository archive installs, but the folder name will carry the branch suffix and updates will not flow:

wp plugin install https://github.com/ulrich-digital/ud-muotamap-block/archive/refs/heads/main.zip
Readme github.com/ulrich-digital/ud-muotamap-block ↗

Ein interaktiver Karten-Block auf Basis von Leaflet.js, optimiert für die Anzeige und Verwaltung von Standorten oder Routen entlang der Muota. Das Plugin integriert zwei Blöcke – eine Einzelkarte und eine Sammlungskarte.

Funktionen

  • Zwei Block-Typen
    • muotamap/single-map – zeigt eine einzelne Station oder Position
    • muotamap/collection-map – zeigt mehrere Punkte oder Standorte gemeinsam
  • Leaflet-Integration mit OpenStreetMap-Tiles
  • Dynamische Marker für Messstationen, Routen oder benutzerdefinierte Punkte
  • Routenanzeige & Navigation via Leaflet Routing Machine
  • Echtzeit-Aktualisierung über JSON- oder REST-Datenquellen möglich
  • Anpassbares Design über globale Styles (global.css)
  • Kompatibel mit Full Site Editing (FSE)

Screenshots

Frontend-Ansicht Die Muotamap im Frontend.

Editor-Ansicht Karte im Gutenberg-Editor mit Vorschau der Station oder Sammlung.*

Technische Details

  • Basierend auf Leaflet.js und Leaflet Routing Machine
  • JavaScript-Dateien:
    • leaflet.js – Karten-Engine
    • leaflet-routing-machine.js – Routing-Erweiterung
    • view.js – Frontend-Logik (Initialisierung & Interaktion)
    • edit.js – Gutenberg-Integration
  • PHP-Integration (ud-muotamap.php) registriert Skripte, Styles und Blöcke
  • Unterstützt Block-Attribute und REST-basierte Datenübergabe
  • Beide Blöcke verwenden einheitliche CSS-Struktur (global.css, editor.css)

Installation

  1. Plugin-Ordner ud-muotamap-block in wp-content/plugins/ kopieren
  2. Im WordPress-Backend unter Plugins → Installierte Plugins aktivieren
  3. Im Block-Editor den Block „UD Muotamap“ einfügen
  4. Zwischen Single Map und Collection Map wählen
  5. Marker oder Datenquelle konfigurieren

Einblicke in die Umsetzung

Der Beitrag gibt Einblick in die entwickelte Lösung und ihre Funktionsweise. Das Projekt zeigt den konkreten Einsatz.

Autor

ulrich.digital gmbh

Lizenz

Dieses Projekt steht unter der ulrich.digital Nutzungslizenz 1.0.

Die unveränderte Software darf in eigenen und kommerziellen Projekten eingesetzt werden. Auf jeder öffentlich erreichbaren Website oder Anwendung muss ulrich.digital gmbh im Impressum, in einem Credits-Bereich oder auf einer vergleichbaren Informationsseite genannt werden. Verkauf, eigenständige Weitergabe, Unterlizenzierung und Änderungen bedürfen der vorherigen schriftlichen Zustimmung von ulrich.digital gmbh.

Komponenten Dritter behalten ihre jeweiligen Lizenz- und Nutzungsbedingungen.