🗺️ MaPiCo-Draw

Kartenplatzierung & Koordinaten-Export Tool für Profis

Live Demo: https://demo.vibecodesoft.com

🧭 Übersicht

MaPiCo-Draw ist ein leistungsstarkes, browserbasiertes Mapping-Tool, mit dem Sie Objekte platzieren, organisieren und Koordinaten mit pixelgenauer Genauigkeit exportieren können. Entwickelt für Ingenieure, Planer und Systemintegratoren, kombiniert es interaktive visuelle Platzierung mit intelligenter Datenverwaltung – keine Installation erforderlich.

Platzieren Sie Elemente auf jeder Hintergrundkarte oder jedem Plan, beschriften Sie sie automatisch und exportieren Sie saubere Koordinatendaten für CAD, SPS oder Dokumentationen.

🚀 Hauptfunktionen

• Interaktive SVG-Leinwand
  Zoomen, verschieben und Ansicht anpassen – auch bei großen Hintergrundkarten.

• Intelligente Platzierungstools

  • Elemente präzise per Klick platzieren
  • Linienplatzierung mit Rasterung und einstellbarer Anzahl
  • Rechteck- und Rasterplatzierung per Klick-Ziehen oder A→B-Auswahl
  • Orientierung Umschalten (X/Y), Zeilen-/Spaltenanzahl einstellen

• Erweiterte Auswahl & Bearbeitung

  • Marquee- und Mehrfachauswahl
  • Bereichsauswahl (Shift), Umschalten (Ctrl/Cmd)
  • Verschieben mit Pfeiltasten (Shift = 10px Schritte)
  • Batch-Bearbeitung und Vorlagen anwenden

• Benennung & Adressierung
  Elementnamen automatisch über anpassbare Adress-Builder generieren (literal, alpha, numerisch).
  Unterstützt Typ-spezifische Adressvorlagen für Geräte-IDs und Adressen.

• Persistenter Speicher
  Alle Daten werden lokal in IndexedDB (via Dexie) gespeichert – funktioniert offline, speichert automatisch und bleibt beim Browser-Neustart erhalten.

• Auto-Save System

  • Intervall auswählbar (Minuten)
  • Speichert auf Datei, Netzwerk oder als Fallback-Download
  • Unterstützt File System Access API (wenn verfügbar)

• Import & Export

  • CSV-Import/Export mit Typ-spezifischen Zuordnungen
  • JSON-Projekt speichern/laden
  • Download-fähige Vorlagen für elements.json

• Vollständig anpassbar
  Definieren Sie eigene Elementtypen, Darstellung und CSV-Zuordnungen über public/elements.json.

⚙️ Bereitstellung & Nutzung

Lokale HTTP-Server oder Bereitstellung auf jedem Webserver (Nginx, Apache etc.). Fertig gebaute Version mit index.html, JS- und CSS-Dateien inklusive.

Lokaler Schnellstart (Python):

python3 -m http.server 8000 --directory dist/MaPiCo

Lokaler Schnellstart (Node.js):

npx serve dist/MaPiCo -l 8080

💾 Speicherung & Offline Nutzung

• Alle Projektdaten lokal in IndexedDB gespeichert.
• Funktioniert offline und stellt Fortschritt beim Neuladen wieder her.
• Optionaler JSON-Export/Import für manuelle Sicherungen.

🪄 Auto-Save & Backup

• Auto-Save in Werkzeuge → Auto-Save aktivieren.
• Speicherintervall (Minuten) konfigurierbar.
• Netzwerk-Speicherung, File System Access API oder Fallback-Download sichern die Daten.

🧠 Hotkeys & Workflow-Boosts

💡 Ideal für

• Systemplanung (Industrie, Elektro, IoT, Beleuchtung)
• Geräteplatzierung auf Karten und Adresszuordnung
• Koordinatenexport für Ingenieur- oder Dokumentationszwecke
• Schulungsumgebungen und visuelle Konfigurationstools

🪟 Windows One-Click Run

@echo off
python -m http.server 8080 --directory dist/MaPiCo
start http://localhost:8080
pause

📜 Lizenz & Kontakt

© 2025 Bickert Web Design. Alle Rechte vorbehalten. Unbefugtes Kopieren, Modifizieren oder Weitergeben ist untersagt.

Für Lizenz- oder kommerzielle Anfragen: e.b@bickert-web-design.de

🧩 Open Source Komponenten

• React (MIT Lizenz)
• Vite (MIT Lizenz)
• Font Awesome Free (CC BY 4.0)

MaPiCo-Draw
Präzises Mapping. Einfacher Export.