@maplibre/ngx-maplibre-gl

    Class ImageComponent

    mgl-image - an image component

    addImage

    ...
    <mgl-map
      ...
    >
       <mgl-image
         id="image"
         url="https://..."
         (imageLoaded)="imageLoaded = true"
       >
       ...
       <mgl-image
         id="image2"
         [data]="{
           width: 64,
           height: 64,
           data: imageData
         }"
       >
    </mgl-map>
    ...
    imageData: Uint8Array;

    Implements

    • OnInit
    • OnChanges
    • OnDestroy
    Index

    Constructors

    constructor

    Properties

    data id imageError imageLoaded options url

    Methods

    ngOnChanges ngOnDestroy ngOnInit removeImage

    Constructors

    Properties

    data: InputSignal<undefined | MapImageData> = ...

    Dynamic input

    id: InputSignal<string> = ...

    Init input

    imageError: OutputEmitterRef<{ status: number }> = ...
    imageLoaded: OutputEmitterRef<void> = ...
    options: InputSignal<undefined | MapImageOptions> = ...

    Dynamic input

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

    Dynamic 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

    Settings

    Member Visibility

    On This Page

    Constructors
    Properties
    Methods
    MMNEPVFCICPMFPCPTTAAATR