GeomapSpot
<ui5-geomap-spot>
The ui5-geomap-spot defines the Spot webcomponent.
ES6 Module Import
import "@ui5/webcomponents-geomap/dist/GeomapSpot.js";
Basic Sample
Properties
draggable
| Description | Describes if the spot is draggable. |
| Type | boolean |
| Default | false |
icon
| Description | Icon of the spot displayed on the map. |
| Type | string |
| Default | "map" |
width
| Description | Width of the spot displayed on the map. |
| Type | string |
| Default | "2rem" |
height
| Description | Height of the spot displayed on the map. |
| Type | string |
| Default | "2rem" |
opacity
| Description | Opacity of the spot displayed on the map. |
| Type | string |
| Default | "1" |
color
| Description | Color of the spot displayed on the map. |
| Type | string |
| Default | "" |
anchor
| Description | Anchor point of the marker element relative to the geographic coordinate. Determines which part of the marker element is placed at the exact lng/lat position. Use "bottom" (default) so the tip of a pin icon points to the coordinate. Accepted values: "center", "top", "bottom", "left", "right", "top-left", "top-right", "bottom-left", "bottom-right". |
| Type | MarkerOptions["anchor"] |
| Default | "bottom" |
lng
| Description | Longitude of the marker. |
| Type | number |
| Default | 0 |
lat
| Description | Latitude of the marker. |
| Type | number |
| Default | 0 |
Slots
No slots available for this component.
Events
click
| Description | Fired once the spot is clicked. |
| Type | CustomEvent |
| Bubbles | No |
| Cancelable | Yes - via preventDefault() |
double-click
| Description | Fired on double-click of the spot. |
| Type | CustomEvent |
| Bubbles | No |
| Cancelable | No |
right-click
| Description | Fired on right-click of the spot. |
| Type | CustomEvent |
| Bubbles | No |
| Cancelable | Yes - via preventDefault() |
mouseover
| Description | Fired on mouseover of the spot. |
| Type | CustomEvent |
| Bubbles | No |
| Cancelable | No |
mouseout
| Description | Fired on mouseout of the spot. |
| Type | CustomEvent |
| Bubbles | No |
| Cancelable | No |
Methods
No methods available for this component.
CSS Parts
No CSS parts available for this component.