Class PopupComponent

mgl-popup - a popup component

See

Popup

Example

...
<mgl-map ...>
  <mgl-popup [lngLat]="[-96, 37.8]" [closeOnClick]="false">
    <h1>Hello world !</h1>
  </mgl-popup>
  ...
  <mgl-marker #myMarker ...> ... </mgl-marker>
  <mgl-popup [marker]="myMarker"> Hello from marker ! </mgl-popup>
</mgl-map>

Implements

  • OnChanges
  • OnInit
  • OnDestroy

Constructors

constructor

Properties

anchor className closeButton closeOnClick closeOnMove feature focusAfterOpen lngLat marker maxWidth offset popupClose popupOpen subpixelPositioning

Methods

getLngLat ngOnChanges ngOnDestroy ngOnInit removePopupFromMarker

Constructors

constructor

Properties

Readonlyanchor

anchor: InputSignal<undefined | PositionAnchor> = ...

Init input

ReadonlyclassName

className: InputSignal<undefined | string> = ...

Init input

ReadonlycloseButton

closeButton: InputSignal<undefined | boolean> = ...

Init input

ReadonlycloseOnClick

closeOnClick: InputSignal<undefined | boolean> = ...

Init input

ReadonlycloseOnMove

closeOnMove: InputSignal<undefined | boolean> = ...

Init input

Readonlyfeature

feature: InputSignal<undefined | Feature<Point, GeoJsonProperties>> = ...

Dynamic input [ngx] Mutually exclusive with lngLat

ReadonlyfocusAfterOpen

focusAfterOpen: InputSignal<undefined | boolean> = ...

Init input

ReadonlylngLat

lngLat: InputSignal<undefined | LngLatLike> = ...

Dynamic input

Readonlymarker

marker: InputSignal<undefined | MarkerComponent> = ...

Dynamic input [ngx] The targeted marker

ReadonlymaxWidth

maxWidth: InputSignal<undefined | string> = ...

Init input

Readonlyoffset

offset: InputSignal<undefined | Offset> = ...

Dynamic input

ReadonlypopupClose

popupClose: OutputEmitterRef<void> = ...

ReadonlypopupOpen

popupOpen: OutputEmitterRef<void> = ...

ReadonlysubpixelPositioning

subpixelPositioning: InputSignal<undefined | boolean> = ...

Init input

Methods

getLngLat

ngOnChanges

  • ngOnChanges(changes): void

  • A callback method that is invoked immediately after the default change detector has checked data-bound properties if at least one has changed, and before the view and content children are checked.

    Parameters

    • changes: SimpleChanges

      The changed properties.

    Returns void

ngOnDestroy

ngOnInit

  • ngOnInit(): void

  • A callback method that is invoked immediately after the default change detector has checked the directive's data-bound properties for the first time, and before any of the view or content children have been checked. It is invoked only once when the directive is instantiated.

    Returns void

removePopupFromMarker

Settings

Member Visibility

On This Page

Constructors
Properties
Methods