Class ImageComponent

mgl-image - an image component

See

addImage

Example

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

Constructors

constructor

Properties

data id imageError imageLoaded options url

Methods

ngOnChanges ngOnInit removeImage

Constructors

constructor

Properties

Readonlydata

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

Dynamic input

Readonlyid

id: InputSignal<string> = ...

Init input

ReadonlyimageError

imageError: OutputEmitterRef<{
    status: number;
}> = ...

ReadonlyimageLoaded

imageLoaded: OutputEmitterRef<void> = ...

Readonlyoptions

options: InputSignal<undefined | MapImageOptions> = ...

Dynamic input

Readonlyurl

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

Dynamic input

Methods

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

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

removeImage

Settings

Member Visibility

On This Page

Constructors
Properties
Methods