📍 Makerspace Map Embed Guide

Integriere deine Makerspace-Karte direkt in deine eigene Webseite.
Zeige deinen Standort, den makerspace-Status (open/closed) und vernetze dich mit befreundeten Spaces.

1. Live-Vorschau

a) Höhe 500px: ohne minimap

b) Höhe 700px: mit minimap

2. Einbindung per Iframe (Empfohlen)

Kopiere diesen Code an die Stelle in deiner Webseite, an der die Karte erscheinen soll. Dies ist die sicherste Methode, da sie deine restliche Seite nicht beeinflusst.

a) Höhe 500px: ohne minimap


<iframe 
    src="https://makerspac.es/embed.html?id=1&friends=2,45,67" 
    width="100%" 
    height="500px" 
    frameborder="0">
</iframe>

a) Höhe 500px: mit minimap


<iframe 
    src="https://makerspac.es/embed.html?id=1&friends=2,45,67" 
    width="100%" 
    height="500px" 
    frameborder="0">
</iframe>

3. Parameter-Konfiguration

Du kannst die Karte über die URL-Parameter anpassen:

Parameter	Beschreibung	Beispiel
`id` Erforderlich	Die ID deines Makerspaces (aus der `locations.json`).	`id=1`
`friends`	IDs befreundeter Spaces, getrennt durch Komma. Erscheinen in der Sidebar.	`friends=12,34,56`

4. Einbindung per DIV & JavaScript

Wenn du volle Kontrolle über das Styling möchtest, kannst du die Karte direkt in ein Div laden. Beachte, dass du hierfür Zugriff auf die JavaScript-Dateien benötigst.


<!-- CSS in den <head> -->
<link rel="stylesheet" href="embed.css">

<!-- Div an die gewünschte Stelle -->
<div id="map-container" style="position:relative; height:500px;">
    <div id="map"></div>
    <div id="loading" class="loading">📍 lädt...</div>
</div>

<!-- Scripte am Ende des <body> -->
<script src="libs/leaflet/leaflet.js"></script>
<script src="embed.js"></script>

5. FAQ für Makerspaces

Wie finde ich meine ID?
Auf der Hauptseite makerspac.es - suche nach Deinem makerspace und klicke den Pin an, dann ist die ID in der URL an der 2.-letzten Stelle: https://makerspac.es/country/city/ID/name Oder suche in der locations.json nach deinem Namen. Die Zahl im Feld ID ist Deine ID.

Suche auch die IDs Deiner befreundeten makerspaces und trage diese nach dem identifyer ein - Beispiel: &friends=x,y,z

Was passiert, wenn mein Space zu ist?
Wenn Ihr die SpaceAPI nutzt, färbt sich der Marker in der Karte automatisch rot und die Sidebar zeigt "closed" an.