Skip to content

MglImage

Load an image to maplibre to use in the style

See #addImage and #loadImage

typescript
import { MglImage } from '@indoorequal/vue-maplibre-gl';

Props

id

  • Type: string
  • Required: true
  • Default: undefined

Image id

image

  • Type: | HTMLImageElement | ImageBitmap | ImageData | { width: number; height: number; data: Uint8Array | Uint8ClampedArray; } | StyleImageInterface
  • Required: false
  • Default: undefined

The image data to add The image as an HTMLImageElement, ImageData, ImageBitmap or object with width, height, and data properties with the same format as ImageData. Required if the url props is not set

url

  • Type: string
  • Required: false
  • Default: undefined

The image url to load via map#loadImage Required if the image props is not set

options

  • Type: Partial<StyleImageMetadata>
  • Required: false
  • Default: undefined

The options

Source

See source.

Released under the MIT License.