Mapsify Documentation

Everything you need to integrate beautiful, customizable maps into your website or application.

5-minute setup

Developer-friendly

No API keys

Quick Start

Get your first map running in under 5 minutes with our CDN script.

Before you start

Create a free account at mapsify.eu to get your map ID and access the dashboard.

Step 1: Add the script to your HTML

HTML

<!-- Add this to your <head> section -->
<script src="https://cdn.mapsify.eu/v1/mapsify.min.js"></script>

Step 2: Add a map container

HTML

<!-- Add this where you want your map to appear -->
<div 
  data-mapsify-id="your-map-id-here"
  data-mapsify-width="100%"
  data-mapsify-height="400px">
</div>

Step 3: Initialize (optional)

JavaScript

// Optional: Initialize with custom options
Mapsify.init({
  theme: 'auto', // 'light', 'dark', or 'auto'
  autoLoad: true,
  onMapLoad: function(mapId) {
    console.log('Map loaded:', mapId);
  }
});

That's it!

Your map should now be visible on your page. Visit your dashboard to customize themes and add POIs.

Installation Methods

Choose the integration method that best fits your project setup.

CDN Script Tag

The easiest way to get started. Perfect for static sites and simple integrations.

Basic Setup

<!DOCTYPE html>
<html>
<head>
  <script src="https://cdn.mapsify.eu/v1/mapsify.min.js"></script>
</head>
<body>
  <div data-mapsify-id="map-123" data-mapsify-height="400px"></div>
  
  <script>
    // Optional configuration
    Mapsify.configure({
      theme: 'light',
      defaultZoom: 12,
      enableControls: true
    });
  </script>
</body>
</html>

Need Help?

Can't find what you're looking for? We're here to help!