1. Home
  2. Dokumente
  3. Karten
  4. Datentypen
  5. ym.modules.provider.DivIcon

ym.modules.provider.DivIcon

Überblick

Stellt ein leichtgewichtiges Symbol für Marker dar, das ein einfaches Div-Element anstelle eines Bildes verwendet.

var myIcon = ym.divIcon({ className: 'my-div-icon' });
// Sie können zu .my-div-icon CSS-Angaben machen.

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

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

Initialisierung

Factory: ym.divIcon(options)

Parameter: options
Name Beschreibung Datentyp Standardwert
iconSize Größe des Symbols in Pixel. Kann auch über CSS eingestellt werden. Point
iconAnchor Die Koordinaten der Spitze des Symbols (relativ zu seiner linken oberen 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, aber es kann auch in CSS mit negativen Rändern eingestellt werden. Point
popupAnchor Die Koordinaten des Punktes, von dem aus Popups geöffnet werden, relativ zum Icon-Anker. Point
className Ein benutzerdefinierter Klassenname, der dem Symbol zugewiesen werden soll. Standardmäßig leaflet-div-icon. string
html Ein benutzerdefinierter HTML-Code zum Einfügen in das div-Element, standardmäßig leer. string

Wie können wir helfen?