GeomapLine
<ui5-geomap-line>
The ui5-geomap-line defines the Line webcomponent.
ES6 Module Import
import "@ui5/webcomponents-geomap/dist/GeomapLine.js";
Basic Sample
Properties
color
| Description | Describes the color of the line. |
| Type | string |
| Default | "black" |
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 |
dragndrop
| Description | Describes if the line is draggable & editable. |
| Type | boolean |
| Default | false |
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
default
| Description | Points describing the line itself. |
| Type | Array<HTMLElement> |
Events
line-dragndrop-end
| Description | Fired when the polygon drag is finished. |
| Type | CustomEvent |
| Bubbles | Yes |
| Cancelable | Yes - via preventDefault() |
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.