OlPopupComponent

Declarative popup overlay component displaying custom Angular templates projected over specific coordinates on the map.

TypeScriptexample.ts
import { OlPopupComponent } from '@angular-helpers/openlayers/overlays'

# Inputs

InputTypeDefaultDescription
positionCoordinate | nullnullMap coordinate to anchor popup. Set null to hide.
offset[number, number][0, 0]Pixel offset relative to coordinate
positioningOverlayPositioning'bottom-center'Anchor point of popup box
autoPanbooleanfalseAuto-pan map view to keep popup visible
closeButtonbooleanfalseRender default top-right close cross icon

# Outputs

OutputTypeDescription
closedvoidEmitted when popup transitions from visible to hidden or close button clicked
LCP N/A
CLS N/A
INP N/A