Layers common

Props

Props for Mapbox GL source

sourceId

  • Type: String
  • Required
  • Non-Synced
  • Description: ID of the source to add. Must not conflict with existing sources.
  • See: .addSource() Map methodopen in new window

source

Props for Mapbox GL layer

layerId

layer

Reactivity

minzoom, maxzoom, paint, layout and filter fields of layer prop are reactive. If you change their value, changes automatically applied to the map.

before

Props for V-Mapbox component

clearSource

  • Type: Boolean
  • Default: true
  • Non-Synced
  • Description: If true, component will remove layer source from map on component destruction.

replaceSource

  • Type: Boolean
  • Default: false
  • Non-Synced
  • Description: If source passed to source prop of layer component already added ot the map, it will be ignored and existed source will be used. If replaceSource is true source will be replaced with new instead.

replace

  • Type: Boolean
  • Default: false
  • Non-Synced
  • Description: If true, replaces existing layer with same id. Otherwise, error returns.

Computed properties

sourceLoaded

  • Type Boolean
  • Description Flag that indicated if layer source already loaded.

mapLayer

mapSource

Methods

.move(beforeId?)

  • Arguments:
  • beforeId String The ID of an existing layer to insert the new layer before. If this argument is omitted, the layer will be appended to the end of the layers array.
  • Description Moves a layer to a different z-position.
  • See .moveLayer()open in new window map method

.remove()

Events

Payload of events contains object with properties:

  • mapboxEvent Original Mapbox GL JS event
  • layerId ID of current layer
  • map Current map object
  • component Component that emits event

@mousedown

@mouseup

@click

@dblclick

@mousemove

@mouseenter

@mouseleave

@mouseover

@mouseout

@contextmenu

@touchstart

@touchend

@touchcancel