Interface Marker

Mappedin JS allows adding and removing Markers on a map using the Markers class. Markers are elements containing HTML that Mappedin JS anchors to a Door, Space, Coordinate or Node. They are automatically rotated and repositioned when the camera moves.

Refer to the Markers Guide for more information and interactive examples.

interface Marker {
    contentEl: HTMLElement;
    id: string;
    get coordinate(): Coordinate;
    get target(): IAnchorable;
    toJSON(): {
        __type: string;
        coordinate: Coordinate;
        id: string;
        target: IAnchorable;
    };
}

Implements

Index

Properties

Accessors

coordinate target

Methods

Properties

`Readonly`contentEl

contentEl: HTMLElement

The HTML element that represents the marker.

id

id: string

The marker's id

Accessors

coordinate

get coordinate(): Coordinate
Returns Coordinate

target

get target(): IAnchorable
Returns IAnchorable

Methods

toJSON

toJSON(): {
    __type: string;
    coordinate: Coordinate;
    id: string;
    target: IAnchorable;
}
Returns { __type: string; coordinate: Coordinate; id: string; target: IAnchorable }