Class Overlay

Classdesc

An element to be displayed over the map and attached to a single map location. Like module:ol/control/Control~Control, Overlays are visible widgets. Unlike Controls, they are not in a fixed position on the screen, but are tied to a geographical coordinate, so panning the map will move an Overlay but not a Control.

Example:

import Overlay from 'ol/Overlay.js';

// ...
const popup = new Overlay({
  element: document.getElementById('popup'),
});
popup.setPosition(coordinate);
map.addOverlay(popup);

Api

Hierarchy (view full)

Constructors

constructor

Properties

autoPan disposed element id insertFirst mapPostrenderListenerKey on once options rendered stopEvent un

Methods

addChangeListener addEventListener applyProperties changed dispatchEvent dispose disposeInternal get getElement getId getKeys getListeners getMap getOffset getOptions getPosition getPositioning getProperties getPropertiesInternal getRect getRevision handleElementChanged handleMapChanged handleOffsetChanged handlePositionChanged handlePositioningChanged hasListener hasProperties notify onceInternal onInternal panIntoView performAutoPan removeChangeListener removeEventListener render set setElement setMap setOffset setPosition setPositioning setProperties setVisible unInternal unset updatePixelPosition updateRenderedPosition

Constructors

constructor

  • new Overlay(options): Overlay

  • Parameters

    • options: Options

      Overlay options.

    Returns Overlay

Properties

ProtectedautoPan

autoPan: undefined | PanIntoViewOptions

Protecteddisposed

disposed: boolean

The object has already been disposed.

Protectedelement

element: HTMLElement

Protectedid

id: undefined | string | number

ProtectedinsertFirst

insertFirst: boolean

ProtectedmapPostrenderListenerKey

mapPostrenderListenerKey: null | EventsKey

on

on: OverlayOnSignature<EventsKey>

once

once: OverlayOnSignature<EventsKey>

Protectedoptions

options: Options

Protectedrendered

rendered: {
    transform_: string;
    visible: boolean;
}

ProtectedstopEvent

stopEvent: boolean

un

un: OverlayOnSignature<void>

Methods

addChangeListener

  • addChangeListener(key, listener): void

  • Parameters

    • key: string

      Key name.

    • listener: Listener

      Listener.

    Returns void

addEventListener

  • addEventListener(type, listener): void

  • Parameters

    • type: string

      Type.

    • listener: Listener

      Listener.

    Returns void

ProtectedapplyProperties

  • applyProperties(source): void
  • Protected

    Apply any properties from another object without triggering events.

    Parameters

    • source: Object

      The source object.

    Returns void

changed

  • changed(): void

  • Increases the revision counter and dispatches a 'change' event.

    Returns void

    Api

dispatchEvent

  • dispatchEvent(event): undefined | boolean

  • Dispatches an event and calls all listeners listening for events of this type. The event parameter can either be a string or an Object with a type property.

    Parameters

    • event: string | BaseEvent

      Event object.

    Returns undefined | boolean

    false if anyone called preventDefault on the event object or if any of the listeners returned false.

    Api

dispose

  • dispose(): void

  • Clean up.

    Returns void

ProtecteddisposeInternal

  • disposeInternal(): void
  • Protected

    Extension point for disposable objects.

    Returns void

get

  • get(key): any

  • Gets a value.

    Parameters

    • key: string

      Key name.

    Returns any

    Value.

    Api

getElement

  • getElement(): undefined | HTMLElement

  • Get the DOM element of this overlay.

    Returns undefined | HTMLElement

    The Element containing the overlay.

    Observable

    Api

getId

  • getId(): undefined | string | number

  • Get the overlay identifier which is set on constructor.

    Returns undefined | string | number

    Id.

    Api

getKeys

  • getKeys(): string[]

  • Get a list of object property names.

    Returns string[]

    List of property names.

    Api

getListeners

  • getListeners(type): undefined | Listener[]

  • Get the listeners for a specified event type. Listeners are returned in the order that they will be called in.

    Parameters

    • type: string

      Type.

    Returns undefined | Listener[]

    Listeners.

getMap

  • getMap(): null | external.ol.Map

  • Get the map associated with this overlay.

    Returns null | external.ol.Map

    The map that the overlay is part of.

    Observable

    Api

getOffset

  • getOffset(): number[]

  • Get the offset of this overlay.

    Returns number[]

    The offset.

    Observable

    Api

getOptions

  • getOptions(): Options

  • returns the options this Overlay has been created with

    Returns Options

    overlay options

getPosition

  • getPosition(): undefined | Coordinate

  • Get the current position of this overlay.

    Returns undefined | Coordinate

    The spatial point that the overlay is anchored at.

    Observable

    Api

getPositioning

  • getPositioning(): Positioning

  • Get the current positioning of this overlay.

    Returns Positioning

    How the overlay is positioned relative to its point on the map.

    Observable

    Api

getProperties

  • getProperties(): {
        [x: string]: any;
    }

  • Get an object of all property names and values.

    Returns {
        [x: string]: any;
    }

    Object.

    • [x: string]: any

    Api

getPropertiesInternal

  • getPropertiesInternal(): null | {
        [x: string]: any;
    }

  • Get an object of all property names and values.

    Returns null | {
        [x: string]: any;
    }

    Object.

ProtectedgetRect

  • getRect(element, size): Extent
  • Protected

    Get the extent of an element relative to the document

    Parameters

    • element: HTMLElement

      The element.

    • size: Size

      The size of the element.

    Returns Extent

    The extent.

getRevision

  • getRevision(): number

  • Get the version number for this object. Each time the object is modified, its version number will be incremented.

    Returns number

    Revision.

    Api

ProtectedhandleElementChanged

  • handleElementChanged(): void
  • Protected

    Returns void

ProtectedhandleMapChanged

  • handleMapChanged(): void
  • Protected

    Returns void

ProtectedhandleOffsetChanged

  • handleOffsetChanged(): void
  • Protected

    Returns void

ProtectedhandlePositionChanged

  • handlePositionChanged(): void
  • Protected

    Returns void

ProtectedhandlePositioningChanged

  • handlePositioningChanged(): void
  • Protected

    Returns void

hasListener

  • hasListener(type?): boolean

  • Parameters

    • Optionaltype: string

      Type. If not provided, true will be returned if this event target has any listeners.

    Returns boolean

    Has listeners.

hasProperties

  • hasProperties(): boolean

  • Returns boolean

    The object has properties.

notify

  • notify(key, oldValue): void

  • Parameters

    • key: string

      Key name.

    • oldValue: any

      Old value.

    Returns void

ProtectedonceInternal

  • onceInternal(type, listener): EventsKey | EventsKey[]
  • Protected

    Parameters

    • type: string | string[]

      Type.

    • listener: ((arg0: Event | BaseEvent) => unknown)

      Listener.

        • (arg0): unknown

        • Parameters

          • arg0: Event | BaseEvent

          Returns unknown

    Returns EventsKey | EventsKey[]

    Event key.

ProtectedonInternal

  • onInternal(type, listener): EventsKey | EventsKey[]
  • Protected

    Parameters

    • type: string | string[]

      Type.

    • listener: ((arg0: Event | BaseEvent) => unknown)

      Listener.

        • (arg0): unknown

        • Parameters

          • arg0: Event | BaseEvent

          Returns unknown

    Returns EventsKey | EventsKey[]

    Event key.

panIntoView

  • panIntoView(panIntoViewOptions?): void

  • Pan the map so that the overlay is entirely visible in the current viewport (if necessary).

    Parameters

    • OptionalpanIntoViewOptions: PanIntoViewOptions

      Options for the pan action

    Returns void

    Api

ProtectedperformAutoPan

  • performAutoPan(): void
  • Protected

    Pan the map so that the overlay is entirely visible in the current viewport (if necessary) using the configured autoPan parameters

    Returns void

removeChangeListener

  • removeChangeListener(key, listener): void

  • Parameters

    • key: string

      Key name.

    • listener: Listener

      Listener.

    Returns void

removeEventListener

  • removeEventListener(type, listener): void

  • Parameters

    • type: string

      Type.

    • listener: Listener

      Listener.

    Returns void

Protectedrender

  • render(): void
  • Protected

    Returns void

set

  • set(key, value, silent?): void

  • Sets a value.

    Parameters

    • key: string

      Key name.

    • value: any

      Value.

    • Optionalsilent: boolean

      Update without triggering an event.

    Returns void

    Api

setElement

  • setElement(element): void

  • Set the DOM element to be associated with this overlay.

    Parameters

    • element: undefined | HTMLElement

      The Element containing the overlay.

    Returns void

    Observable

    Api

setMap

  • setMap(map): void

  • Set the map to be associated with this overlay.

    Parameters

    • map: null | external.ol.Map

      The map that the overlay is part of. Pass null to just remove the overlay from the current map.

    Returns void

    Observable

    Api

setOffset

  • setOffset(offset): void

  • Set the offset for this overlay.

    Parameters

    • offset: number[]

      Offset.

    Returns void

    Observable

    Api

setPosition

  • setPosition(position): void

  • Set the position for this overlay. If the position is undefined the overlay is hidden.

    Parameters

    • position: undefined | Coordinate

      The spatial point that the overlay is anchored at.

    Returns void

    Observable

    Api

setPositioning

  • setPositioning(positioning): void

  • Set the positioning for this overlay.

    Parameters

    • positioning: Positioning

      how the overlay is positioned relative to its point on the map.

    Returns void

    Observable

    Api

setProperties

  • setProperties(values, silent?): void

  • Sets a collection of key-value pairs. Note that this changes any existing properties and adds new ones (it does not remove any existing properties).

    Parameters

    • values: {
          [x: string]: any;
      }

      Values.

      • [x: string]: any
    • Optionalsilent: boolean

      Update without triggering an event.

    Returns void

    Api

ProtectedsetVisible

  • setVisible(visible): void
  • Protected

    Modify the visibility of the element.

    Parameters

    • visible: boolean

      Element visibility.

    Returns void

ProtectedunInternal

  • unInternal(type, listener): void
  • Protected

    Unlisten for a certain type of event.

    Parameters

    • type: string | string[]

      Type.

    • listener: ((arg0: Event | BaseEvent) => unknown)

      Listener.

        • (arg0): unknown

        • Parameters

          • arg0: Event | BaseEvent

          Returns unknown

    Returns void

unset

  • unset(key, silent?): void

  • Unsets a property.

    Parameters

    • key: string

      Key name.

    • Optionalsilent: boolean

      Unset without triggering an event.

    Returns void

    Api

ProtectedupdatePixelPosition

  • updatePixelPosition(): void
  • Protected

    Update pixel position.

    Returns void

ProtectedupdateRenderedPosition

  • updateRenderedPosition(pixel, mapSize): void
  • Protected

    Parameters

    • pixel: Pixel

      The pixel location.

    • mapSize: undefined | Size

      The map size.

    Returns void

Settings

Member Visibility

On This Page

Constructors
Properties
Methods