🗺️ MaPiCo-Draw

Map Placement & Coordinate Export Tool for Professionals

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

🧭 Overview

MaPiCo-Draw is a powerful, browser-based mapping tool that lets you place, organize, and export object coordinates with pixel-perfect accuracy. Designed for engineers, planners, and system integrators, it combines interactive visual placement with smart data handling — no installation required.

Place elements on any background map or plan, label them automatically, and export clean coordinate data for CAD, PLC, or documentation use.

🚀 Key Features

• Interactive SVG Canvas
  Zoom, pan, and fit your view seamlessly — even on large background maps.

• Smart Placement Tools

  • Click-to-place elements with precision
  • Line placement with snapping and adjustable count
  • Rectangular and grid placement via click-drag or A→B selection
  • Orientation toggle (X/Y), rows/columns input

• Advanced Selection & Editing

  • Marquee and multi-select
  • Range-select (Shift), toggle (Ctrl/Cmd)
  • Move with arrow keys (Shift = 10px steps)
  • Batch edit and apply templates

• Custom Addressing & Naming
  Auto-generate element names using customizable address builders (literal, alpha, numeric).
  Supports per-type addressing templates for device IDs and addresses.

• Persistent Storage
  Everything is stored locally in IndexedDB (via Dexie) — works offline, auto-saves progress, and persists through browser restarts.

• Auto-Save System

  • Choose interval (minutes)
  • Saves to file, network endpoint, or fallback download
  • Includes File System Access API support (when available)

• Flexible Import & Export

  • CSV import/export with per-type mappings
  • JSON project save/load
  • Download-ready templates for elements.json

• Fully Customizable
  Define your own element types, appearance, and CSV mappings via public/elements.json.

⚙️ Deployment & Usage

Serve via a local HTTP server or deploy on any web server (Nginx, Apache, etc.). Ready-to-run build with index.html, JS, and CSS assets included.

Local Quickstart (Python):

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

Local Quickstart (Node.js):

npx serve dist/MaPiCo -l 8080

💾 Storage & Offline Use

• All project data stored locally in IndexedDB.
• Works offline and restores progress on reload.
• Optional JSON export/import for manual backups.

🪄 Auto-Save & Backup

• Enable Auto-Save in Tools → Auto-Save.
• Save interval configurable (minutes).
• Network save, File System Access API, or fallback download ensures data safety.

🧠 Hotkeys & Workflow Boosters

💡 Ideal For

• System layout planning (industrial, electrical, IoT, lighting)
• Map-based device placement and address mapping
• Coordinate exports for engineering or documentation
• Training environments and visual configuration tools

🪟 Windows One-Click Run

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

📜 License & Contact

© 2025 Bickert Web Design. All rights reserved. Unauthorized copying, modification, or redistribution is prohibited.

For licensing or commercial inquiries: e.b@bickert-web-design.de

🧩 Open Source Components

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

MaPiCo-Draw
Precision Mapping. Effortless Export.