31 lines
1.0 KiB
Markdown
31 lines
1.0 KiB
Markdown
<!-- /docs/components/icons/devices/overlapping/PlusRoundIcon.md -->
|
||
|
||
# ➕ PlusRoundIcon.js
|
||
|
||
Ein einfaches Leaflet-Icon, das ein rundes Pluszeichen darstellt.
|
||
Wird für zusätzliche UI-Markierungen auf Geräten oder überlappenden Icons verwendet.
|
||
|
||
## Eigenschaften
|
||
|
||
| Attribut | Wert |
|
||
| ------------ | --------------------------------------- |
|
||
| `iconUrl` | `/img/plus_round.png` |
|
||
| `iconSize` | `[22, 22]` |
|
||
| `iconAnchor` | `[25, 55]` |
|
||
| `className` | `absolute top-0 left-0 z-10` (Tailwind) |
|
||
|
||
## Verwendung
|
||
|
||
- Dient als Overlay-Symbol, z. B. für „Gerät hinzufügen“ oder zur Darstellung über bestehenden Icons
|
||
- Durch die `z-10`-Klasse immer im Vordergrund sichtbar
|
||
- Kombinierbar mit OverlappingMarkerSpiderfier oder Marker-Gruppen
|
||
|
||
## Hinweis
|
||
|
||
- Die Bilddatei `/img/plus_round.png` muss vorhanden sein
|
||
- Kann bei Bedarf dynamisch durch ein anderes Icon ersetzt werden
|
||
|
||
---
|
||
|
||
[Zurück zur Übersicht](../../../../README.md)
|