🗺️ OSM Tile-Server

Welcome to the Tile-Server-Proxy. This server enables the privacy-save access to map-tiles for OpenStreetMap.

For frontend applications, we recommend Leaflet.js that can be used with as syntax like this:

<link rel="stylesheet" href="{base-url}/assets/leaflet/leaflet.css">
<script src="{base-url}/assets/leaflet/leaflet.js"></script>

<div class="map-container" style="height: 400px;"></div>

<script>
    document.querySelectorAll('.map-container').forEach(($mapElement) => {
        var map = L.map($mapElement).setView([50.034565, 8.220393], 13);
        L.tileLayer('{base-url}/{tile-type}/{z}/{x}/{y}.png', {
            maxZoom: 19,
            attribution: '&copy; <a href="http://www.openstreetmap.org/copyright">OpenStreetMap</a>'
        }).addTo(map);      
    });   
</script>

To use the tiles, you can request them via the following URL pattern:

{base-url}/{tile-type}/{z}/{x}/{y}.png

Replace {z}, {x}, and {y} with the appropriate zoom level and tile coordinates, as well als {tile-type} with the desired tile type: