Skip to content
Docs version
@hungpvq/vue-map@1.1.0@hungpvq/vue-map-core@1.1.0@hungpvq/vue-map-dataset@1.1.0@hungpvq/vue-map-draw@1.1.0@hungpvq/map-draw@1.1.0@hungpvq/react-map@1.1.0@hungpvq/react-map-core@1.1.0@hungpvq/react-map-dataset@1.1.0@hungpvq/react-map-draw@1.1.0

LayerSimpleMapboxBuild

Fluent MapLibre layer spec: point (circle), line, area (fill), symbol.

typescript
import { LayerSimpleMapboxBuild } from '@hungpvq/map-dataset/style';
import { createMultiMapboxLayerComponent, createRootDataset } from '@hungpvq/map-dataset';

const spec = new LayerSimpleMapboxBuild()
  .setStyleType('point')
  .setColor('#ff6b6b')
  .setOpacity(0.8)
  .build();

const layer = createMultiMapboxLayerComponent('sample-layer', [spec]);
createRootDataset('Sample').add(layer);
MethodRole
setStyleType('point' | 'line' | 'area' | 'symbol')Layer kind
setColorPaint color
setOpacityPaint opacity
setFilterMapLibre filter
build()Spec without id

Raster: new LayerRasterMapboxBuild().build(){ type: 'raster' }.

Pass the spec into createMultiMapboxLayerComponent (see layer).