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 |