Festlegen von Erweiterungen für eine Zuordnung mit MapLibre

Es gibt Situationen, in denen Sie nicht möchten, dass Ihre Benutzer die gesamte Welt schwenken oder zoomen können. Wenn Sie MapLibredas Kartensteuerelement von verwenden, können Sie die Ausmaße des Kartensteuerelements mit der maxBounds Option einschränken und den Zoom mit den maxZoom Optionen minZoom und einschränken.

Das folgende Codebeispiel zeigt, wie das Kartensteuerelement initialisiert wird, um das Panning auf eine bestimmte Grenze zu beschränken (in diesem Fall die Ausmaße der Grab-Datenquelle).

// Set bounds to Grab data provider region 
var bounds = [
        [90.0, -21.943045533438166], // Southwest coordinates
        [146.25, 31.952162238024968] // Northeast coordinates
    ];

var mlglMap = new maplibregl.Map(
    {
    container: 'map',
    style: mapName,
    maxBounds: bounds // Sets bounds as max
    transformRequest,
    }
);

Ebenso können Sie eine minimale und maximale Zoomstufe für die Karte festlegen. Die Werte für beide Werte können zwischen 0 und 24 liegen, obwohl die Standardwerte für den minimalen Zoom 0 und für den maximalen Zoom 22 sind (Datenanbieter stellen möglicherweise nicht auf allen Zoomstufen Daten bereit. Die meisten Kartenbibliotheken behandeln dies automatisch). Im folgenden Beispiel werden die maxZoom Optionen minZoom und für das Map MapLibre -Steuerelement initialisiert.

// Set the minimum and maximum zoom levels 
var mlglMap = new maplibregl.Map(
    {
    container: 'map',
    style: mapName,
    maxZoom: 12,
    minZoom: 5,
    transformRequest,
    }
);