Map Tiles – Setup-Anleitung

Wie du deine generierten Kacheln in die App einbindest

Schritt 1

Tiles in den richtigen Ordner legen

Kopiere deinen tiles/-Ordner direkt in den public/-Ordner des Projekts.

Erwartete Struktur:

public/tiles/0/0/0.png

public/tiles/1/0/0.png

public/tiles/1/0/1.png

public/tiles/1/1/0.png

public/tiles/1/1/1.png

public/tiles/2/...

public/tiles/3/...

public/tiles/4/...

public/tiles/5/...

Die Tiles müssen unter /public/tiles/ liegen, damit Leaflet sie unter /tiles/z/x/y.png abrufen kann.

Schritt 2

Dateiendung wählen

Welches Format haben deine Tiles?

Aktive URL: /tiles/{z}/{x}/{y}.png

Die Endung wird in components/basealarm/BaseMap.jsx in der Konstante TILE_URL gesetzt.

Schritt 3

Tile-Verfügbarkeit testen

Prüft ob das erste Tile (/tiles/0/0/0.png) erreichbar ist.

Konfiguration in BaseMap.jsx

• TILE_URL – URL-Template der Tiles

• MIN_ZOOM / MAX_ZOOM – aktuell 0–5

• MAP_BOUNDS – [[0,0],[15360,15360]] für Chernarus

• Koordinatensystem: L.CRS.Simple – keine geografische Verzerrung

MeinDayZ.de