Skip to main content

Class: SimpleMarker

component.SimpleMarker

classdesc Interactive marker with ice cream shape. The sphere inside the ice cream can be configured to be interactive.

Simple marker properties can not be updated after creation.

To create and add one SimpleMarker with default configuration (non-interactive) and one interactive with configuration use

example

var defaultMarker = new SimpleMarker(    "id-1",    { lat: 0, lng: 0, });
var interactiveMarker = new SimpleMarker(    "id-2",    { lat: 0, lng: 0, },    {        ballColor: "#00f",        ballOpacity: 0.5,        color: "#00f",        interactive: true,        opacity: 0.3,        radius: 0.7,    });
markerComponent.add([defaultMarker, interactiveMarker]);

Hierarchy#

Constructors#

constructor#

• new SimpleMarker(id, lngLat, options?)

Parameters#

NameType
idstring
lngLatLngLat
options?SimpleMarkerOptions

Overrides#

Marker.constructor

Defined in#

component/marker/marker/SimpleMarker.ts:47

Accessors#

id#

• get id(): string

Get id.

Returns#

string

The id of the marker.

Defined in#

component/marker/marker/Marker.ts:24


lngLat#

• get lngLat(): LngLat

Get lngLat.

Returns#

LngLat

The geographic coordinates of the marker.

Defined in#

component/marker/marker/Marker.ts:41