GeomapArc
<ui5-geomap-arc>
The ui5-geomap-arc defines the Arc webcomponent.
ES6 Module Import
import "@ui5/webcomponents-geomap/dist/GeomapArc.js";
Basic Sample
Properties
beginLng
| Description | Describes the longitude of the center of the starting point. |
| Type | number |
| Default | 0 |
beginLat
| Description | Describes the latitude of the center of the starting point. |
| Type | number |
| Default | 0 |
endLng
| Description | Describes the longitude of the center of the ending point. |
| Type | number |
| Default | 0 |
endLat
| Description | Describes the latitude of the center of the ending point. |
| Type | number |
| Default | 0 |
steps
| Description | Describes the number of steps to use in the arc and animation, more steps means a smoother arc and animation, but too many steps will result in a low frame rate. |
| Type | number |
| Default | 0 |
color
| Description | Describes the color of the line. |
| Type | string |
| Default | "blue" |
width
| Description | Describes the width of the line. |
| Type | number | null | undefined |
| Default | 0 |
opacity
| Description | Describes the opacity of the line. |
| Type | number |
| Default | 0.5 |
minZoom
| Description | When the map's zoom property is less than this value, the layer will be hidden. Accepts values between 0 and 24. |
| Type | number |
| Default | 0 |
maxZoom
| Description | When the map's zoom property is equal to, or greater than this value, the layer will be hidden Accepts values between 0 and 24. |
| Type | number |
| Default | 0 |
filter
| Description | When set, only features, matching the filter, will be displayed |
| Type | object |
| Default | |
displayedFeatures
| Description | Determines which features the layer will display - All (default), only not-clustered, or only clustered Note: This property is ignored if the filter property is set Note: This property only makes sense when the layer is used for clustering (displays data from a ui5-geomap-cluster-source element) |
| Type | "All" | "NotClustered" | "Clustered" |
| Default | "All" |
hidden
| Description | Determines if the layer is hidden. |
| Type | boolean |
| Default | false |
zIndex
| Description | Describes the zIndex of the layer. The layer with the highest zIndex will be on top. |
| Type | number |
| Default | 0 |
layer
| Description | Returns the layer object in maplibre |
| Type | any |
| Default | |
| Readonly | true |
Slots
No slots available for this component.
Events
layer-click
| Description | Layer clicked |
| Type | CustomEvent |
| Bubbles | No |
| Cancelable | No |
layer-mouseenter
| Description | Mouse entered layer |
| Type | CustomEvent |
| Bubbles | No |
| Cancelable | No |
layer-mousemove
| Description | Mouse moved in the layer |
| Type | CustomEvent |
| Bubbles | No |
| Cancelable | No |
layer-mouseleave
| Description | Mouse left the layer |
| Type | CustomEvent |
| Bubbles | No |
| Cancelable | No |
layer-mousedown
| Description | Mouse button down on the layer |
| Type | CustomEvent |
| Bubbles | No |
| Cancelable | No |
layer-mouseup
| Description | Mouse button up on the layer |
| Type | CustomEvent |
| Bubbles | No |
| Cancelable | No |
Methods
getPointAt
| Description | - |
| Return type | any |
getDistance
| Description | - |
| Return type | number |
CSS Parts
No CSS parts available for this component.