A Vector Tile source. Uses OpenLayers styles.

Example

const apiKey = 'my api key';
const vectorTileSource = new VectorTileSource({
url: `${'https://{a-d}.tiles.mapbox.com/v4/mapbox.mapbox-streets-v6/{z}/{x}/{y}.vector.pbf?access_token='}${apiKey}`,
style: new Style(...), // Pass an OpenLayers style here
backgroundColor: 'hsl(47, 26%, 88%)',
});

Hierarchy (view full)

Constructors

Properties

backgroundColor: undefined | string
containsFn: undefined | CustomContainsFn
datatype: TextureDataType

Gets the datatype of images generated by this source.

flipY: boolean

Gets whether images generated from this source should be flipped vertically.

isImageSource: boolean = true
isMemoryUsage: true = ...
isVectorTileSource: boolean = ...
style: Style | StyleFunction
synchronous: boolean = false

If true, this source can immediately generate images without any delay.

type: "VectorTileSource" = ...

Accessors

Methods

  • Returns an adjusted extent, width and height so that request pixels are aligned with source pixels, and requests do not oversample the source.

    Parameters

    • requestExtent: Extent

      The request extent.

    • requestWidth: number

      The width, in pixels, of the request extent.

    • requestHeight: number

      The height, in pixels, of the request extent.

    • margin: number = 0

      The margin, in pixels, around the initial extent.

    Returns null | {
        extent: Extent;
        height: number;
        width: number;
    }

    The adjusted parameters.

  • Gets whether this source contains the specified extent. If a custom contains function is provided, it will be used. Otherwise, intersects is used.

    This method is mainly used to discard non-relevant requests (i.e don't process regions that are not relevant to this source).

    Parameters

    • extent: Extent

      The extent to test.

    Returns boolean

  • Fire an event type.

    Type Parameters

    • T extends "updated"

    Parameters

    Returns void

  • Checks if listener is added to an event type.

    Type Parameters

    • T extends "updated"

    Parameters

    Returns boolean

  • Type Parameters

    • T extends string

    Parameters

    Returns boolean

  • Initializes the source.

    Parameters

    • options: {
          targetProjection: string;
      }

      Options.

      • targetProjection: string

        The target projection. Only useful for sources that are able to reproject their data on the fly (typically vector sources).

    Returns Promise<void>

    A promise that resolves when the source is initialized.

  • Test the intersection between the specified extent and this source's extent. This method may be overriden to perform special logic.

    Parameters

    • extent: Extent

      The extent to test.

    Returns boolean

    true if the extent and this source extent intersects, false otherwise.