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

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