Zum Inhalt

ym.modules.provider.DivIcon

Überblick

Repräsentiert ein leichtgewichtiges Marker-Symbol, das ein einfaches div-Element anstelle eines Bildes verwendet.

var myIcon = ym.divIcon({ className: 'my-div-icon' });
// You can add CSS rules to .my-div-icon.

ym.marker([50.505, 30.57], { icon: myIcon }).addTo(map);

Standardmäßig gibt es eine Klasse namens leaflet-div-icon, die als kleines weißes Quadrat mit Schatten gestaltet ist.

Initialisierung

Factory: ym.divIcon(options)

  • Parameter: options

  • iconSize

    • Beschreibung: Größe des Icons in Pixel. Kann auch über CSS festgelegt werden.
    • Datentyp: Point

  • iconAnchor

    • Beschreibung: Die Koordinaten der Spitze des Symbols (relativ zu dessen oberer linker Ecke). Das Symbol wird so ausgerichtet, dass sich dieser Punkt an der geografischen Position des Markers befindet. Standardmäßig wird es zentriert, wenn seine Größe angegeben ist, es kann aber auch in CSS mit negativen Rändern festgelegt werden.
    • Datentyp: Point

  • popupAnchor

    • Beschreibung: Die Koordinaten des Punktes, von dem aus Pop-ups geöffnet werden, relativ zum Icon-Anchor.
    • Datentyp: Point

  • className

    • Beschreibung: Ein benutzerdefinierter Klassenname, der dem Symbol zugewiesen wird. Standardmäßig leaflet-div-icon.
    • Datentyp: string

  • html

    • Beschreibung: Ein benutzerdefinierter HTML-Code, der in das div-Element eingefügt wird, standardmäßig leer.
    • Datentyp: string