mgl-popup - a popup component

Popup

...
<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

Properties

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

Init input

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

Init input

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

Init input

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

Init input

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

Init input

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

Dynamic input [ngx] Mutually exclusive with lngLat

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

Init input

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

Dynamic input

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

Dynamic input [ngx] The targeted marker

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

Init input

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

Dynamic input

popupClose: OutputEmitterRef<void> = ...
popupOpen: OutputEmitterRef<void> = ...
subpixelPositioning: InputSignal<undefined | boolean> = ...

Init input

Methods

  • 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

  • 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

""