VVectorSource

VectorSource component.

<v-vector-source
  id="vector-source-id"
  :data="animate"
  :coordinates="coordinates"
/>

Example

Init Map

Render v-vector-source component.

Property

PropertyRequiredTypeDescription
idtruestringsource id
urlfalsestringA URL to a TileJSON resource. Supported protocols are http:, https:, and mapbox://<Tileset ID>.
tilesfalsestring[]An array of one or more tile source URLs, as in the TileJSON spec.
tileSizefalsenumberThe minimum visual size to display tiles for this layer. Only configurable for raster layers. Defaults to 512
schemefalsestringInfluences the y direction of the tile coordinates. The global-mercator (aka Spherical Mercator) profile is assumed. Defaults to xyz
attributionfalsestringCustom attribution.
boundsfalsenumber[]An array containing the longitude and latitude of the southwest and northeast corners of the source's bounding box in the following order: [sw.lng, sw.lat, ne.lng, ne.lat]. Defaults to [-180,-85.051129,180,85.051129]
minzoomfalsenumberMinimum zoom level for which tiles are available, as in the TileJSON spec. Defaults to 0
maxzoomfalsenumberMaximum zoom level for which tiles are available, as in the TileJSON spec. Data from tiles at the maxzoom are used when displaying the map at higher zoom levels. Defaults to 22
volatilefalsebooleanA setting to determine whether a source's tiles are cached locally. Defaults to false
protomteIdfalsePromoteIdSpecificationA property to use as a feature id (for feature state).

for more details you can access to mapbox website, go toopen in new window

Last Updated:
Contributors: timeroute