Marker Props offset
Type : Point | number[]
Description: The offset in pixels as a PointLike object to apply relative to the element's center. Negatives indicate left and up. See: offset
in Marker coordinates
Type : number[]
Required Synced Description: Marker coordinates in format [longitude, latitude]
color
Type : string
Description: The color to use for the default marker if custom marker is not provided. The default is light blue. anchor
Type : string
Non-Synced Default center
Description: A string indicating the part of the Marker that should be positioned closest to the coordinate set via Marker#setLngLat . Options are 'center' , 'top' , 'bottom' , 'left' , 'right' , 'top-left' , 'top-right' , 'bottom-left' , and 'bottom-right' . The default is 'center'. See options.anchor
in Marker draggable
Type : boolean
Non-Synced Default false
Description: A boolean indicating whether or not a marker is able to be dragged to a new position on the map. See options.draggable
in Marker Slots marker
Description: Slot for custom marker. Can be HTML element or Vue component. default
Description: Slot for popup component. When popup put inside marker, popup automaticaly mounted to marker, similiar as setPopup Methods .remove()
Description: Removes marker from the map. Returns Marker
MapboxGL marker. See Marker.remove Description: Opens or closes the bound popup, depending on the current state. Returns Marker
MapboxGL marker. See Marker.togglePopup Events @added
Description: Fires when marker added on the map. Payload { component: MarkerComponent, map: Map, marker: Marker }
Object with Marker
component, parent map and MapboxGl Marker
object @removed
Description: Fires when marker removed the map. Payload { component: MarkerComponent, map: Map, marker: Marker }
Object with Marker
component, parent map and MapboxGl Marker
object @drag
Description: Fires when marker dragged if marker draggable
prop is true
Payload { component: MarkerComponent, map: Map, MapEvent: Event }
Object with Marker
component, parent map and original MapboxGl event @dragstart
Description: Fires when marker dragging starts if marker draggable
prop is true
Payload { component: MarkerComponent, map: Map, MapEvent: Event }
Object with Marker
component, parent map and original MapboxGl event @dragend
Description: Fires when marker dragging ends if marker draggable
prop is true
Payload { component: MarkerComponent, map: Map, MapEvent: Event }
Object with Marker
component, parent map and original MapboxGl event