Zum Inhalt

ym.modules.provider.Map

Die zentrale Klasse der API — sie dient zum Erstellen und Bearbeiten einer Karte auf einer Seite.

Initialisierung (Map)

Um eine Karte zu initialisieren, erstellen Sie typischerweise eine Instanz der Klasse ym.modules.provider.Map und geben das Container-Element für die Karte sowie beliebige gewünschte Optionen an.

var map = ym.map('mapContainer', {
    center: [50.5, 30.5],
    zoom: 13
});

Funktionen (Map)

Die Klasse ym.modules.provider.Map bietet eine Vielzahl von Funktionen, darunter:

  • Schwenken und Zoomen: Schwenken und zoomen Sie die Karte einfach, um sich auf verschiedene Bereiche zu konzentrieren.
  • Layer-Verwaltung: Fügen Sie Layer hinzu und entfernen Sie sie, um verschiedene Datentypen anzuzeigen.
  • Marker und Overlays: Fügen Sie Marker, Pop-ups und andere Overlays hinzu, um interessante Punkte hervorzuheben.
  • Ereignisbehandlung: Reagieren Sie auf Nutzerinteraktionen wie Klicks und Ziehen.

Ereignisse (Map)

Das Kartenobjekt kann eine Vielzahl von Ereignissen auslösen, auf die Sie hören und reagieren können. Einige gängige Ereignisse sind:

  • click: Wird ausgelöst, wenn auf die Karte geklickt wird.
  • dblclick: Wird ausgelöst, wenn die Karte doppelt angeklickt wird.
  • mousemove: Wird ausgelöst, wenn sich die Maus über die Karte bewegt.
  • zoomend: Wird ausgelöst, wenn sich die Zoomstufe ändert.
  • moveend: Wird ausgelöst, wenn die Karte anhält.

Beispiel für das Hinzufügen eines Event-Listeners:

map.on('click', function(e) {
    console.log("Map clicked at " + e.latlng);
});

Methoden (Map)

Die Klasse ym.modules.provider.Map bietet verschiedene Methoden zur Interaktion mit und Bearbeitung der Karte:

  • setView(center, zoom): Legt die Ansicht der Karte fest (Zentrum und Zoomstufe).
  • panTo(latlng): Schwenkt die Karte zum angegebenen geografischen Zentrum.
  • fitBounds(bounds): Passt die Kartenansicht an die angegebenen geografischen Grenzen an.
  • addLayer(layer): Fügt der Karte einen Layer hinzu.
  • removeLayer(layer): Entfernt einen Layer von der Karte.
  • addControl(control): Fügt der Karte ein Control hinzu (z. B. ein Zoom-Control).
  • removeControl(control): Entfernt ein Control von der Karte.

Beispiel für die Verwendung einer Methode zum Festlegen der Ansicht:

map.setView([51.505, -0.09], 13);

Diese Funktionen, Ereignisse und Methoden bieten ein robustes Framework zum Erstellen interaktiver Karten mit der Klasse ym.modules.provider.Map.