Readonly
before before : InputSignal < undefined | string > = ...
Readonly
filter filter : InputSignal < undefined | FilterSpecification > = ...
Readonly
id id : InputSignal < string > = ...
Readonly
layerClick layerClick : OutputEmitterRef < MapMouseEvent & { features ?: MapGeoJSONFeature [] } & EventData , > = ... layerContextMenu : OutputEmitterRef < MapMouseEvent & { features ?: MapGeoJSONFeature [] } & EventData , > = ... Readonly
layerDblClick layerDblClick : OutputEmitterRef < MapMouseEvent & { features ?: MapGeoJSONFeature [] } & EventData , > = ... Readonly
layerMouseDown layerMouseDown : OutputEmitterRef < MapMouseEvent & { features ?: MapGeoJSONFeature [] } & EventData , > = ... Readonly
layerMouseEnter layerMouseEnter : OutputEmitterRef < MapMouseEvent & { features ?: MapGeoJSONFeature [] } & EventData , > = ... Readonly
layerMouseLeave layerMouseLeave : OutputEmitterRef < MapMouseEvent & { features ?: MapGeoJSONFeature [] } & EventData , > = ... Readonly
layerMouseMove layerMouseMove : OutputEmitterRef < MapMouseEvent & { features ?: MapGeoJSONFeature [] } & EventData , > = ... Readonly
layerMouseOut layerMouseOut : OutputEmitterRef < MapMouseEvent & { features ?: MapGeoJSONFeature [] } & EventData , > = ... Readonly
layerMouseOver layerMouseOver : OutputEmitterRef < MapMouseEvent & { features ?: MapGeoJSONFeature [] } & EventData , > = ... Readonly
layerMouseUp layerMouseUp : OutputEmitterRef < MapMouseEvent & { features ?: MapGeoJSONFeature [] } & EventData , > = ... Readonly
layerTouchCancel layerTouchCancel : OutputEmitterRef < MapTouchEvent & { features ?: MapGeoJSONFeature [] } & EventData , > = ... Readonly
layerTouchEnd layerTouchEnd : OutputEmitterRef < MapTouchEvent & { features ?: MapGeoJSONFeature [] } & EventData , > = ... Readonly
layerTouchStart layerTouchStart : OutputEmitterRef < MapTouchEvent & { features ?: MapGeoJSONFeature [] } & EventData , > = ... Readonly
layout layout : InputSignal < | undefined | { visibility ?: "none" | "visible" } | { "fill-sort-key" ?: DataDrivenPropertyValueSpecification < number > ; visibility ?: "none" | "visible" ; } | { visibility ?: "none" | "visible" } | { "line-cap" ?: PropertyValueSpecification < "round" | "butt" | "square" > ; "line-join" ?: DataDrivenPropertyValueSpecification < "round" | "bevel" | "miter" , > ; "line-miter-limit" ?: PropertyValueSpecification < number > ; "line-round-limit" ?: PropertyValueSpecification < number > ; "line-sort-key" ?: DataDrivenPropertyValueSpecification < number > ; visibility ?: "none" | "visible" ; } | { "icon-allow-overlap" ?: PropertyValueSpecification < boolean > ; "icon-anchor" ?: DataDrivenPropertyValueSpecification < | "center" | "top" | "bottom" | "left" | "right" | "top-left" | "top-right" | "bottom-left" | "bottom-right" , > ; "icon-ignore-placement" ?: PropertyValueSpecification < boolean > ; "icon-image" ?: DataDrivenPropertyValueSpecification < string > ; "icon-keep-upright" ?: PropertyValueSpecification < boolean > ; "icon-offset" ?: DataDrivenPropertyValueSpecification < [ number , number ] > ; "icon-optional" ?: PropertyValueSpecification < boolean > ; "icon-overlap" ?: PropertyValueSpecification < "never" | "always" | "cooperative" , > ; "icon-padding" ?: DataDrivenPropertyValueSpecification < PaddingSpecification , > ; "icon-pitch-alignment" ?: PropertyValueSpecification < "map" | "viewport" | "auto" , > ; "icon-rotate" ?: DataDrivenPropertyValueSpecification < number > ; "icon-rotation-alignment" ?: PropertyValueSpecification < "map" | "viewport" | "auto" , > ; "icon-size" ?: DataDrivenPropertyValueSpecification < number > ; "icon-text-fit" ?: PropertyValueSpecification < "none" | "width" | "height" | "both" , > ; "icon-text-fit-padding" ?: PropertyValueSpecification < [ number , number , number , number ] , > ; "symbol-avoid-edges" ?: PropertyValueSpecification < boolean > ; "symbol-placement" ?: PropertyValueSpecification < "point" | "line" | "line-center" , > ; "symbol-sort-key" ?: DataDrivenPropertyValueSpecification < number > ; "symbol-spacing" ?: PropertyValueSpecification < number > ; "symbol-z-order" ?: PropertyValueSpecification < "source" | "auto" | "viewport-y" , > ; "text-allow-overlap" ?: PropertyValueSpecification < boolean > ; "text-anchor" ?: DataDrivenPropertyValueSpecification < | "center" | "top" | "bottom" | "left" | "right" | "top-left" | "top-right" | "bottom-left" | "bottom-right" , > ; "text-field" ?: DataDrivenPropertyValueSpecification < string > ; "text-font" ?: DataDrivenPropertyValueSpecification < string [] > ; "text-ignore-placement" ?: PropertyValueSpecification < boolean > ; "text-justify" ?: DataDrivenPropertyValueSpecification < "center" | "left" | "right" | "auto" , > ; "text-keep-upright" ?: PropertyValueSpecification < boolean > ; "text-letter-spacing" ?: DataDrivenPropertyValueSpecification < number > ; "text-line-height" ?: PropertyValueSpecification < number > ; "text-max-angle" ?: PropertyValueSpecification < number > ; "text-max-width" ?: DataDrivenPropertyValueSpecification < number > ; "text-offset" ?: DataDrivenPropertyValueSpecification < [ number , number ] > ; "text-optional" ?: PropertyValueSpecification < boolean > ; "text-overlap" ?: PropertyValueSpecification < "never" | "always" | "cooperative" , > ; "text-padding" ?: PropertyValueSpecification < number > ; "text-pitch-alignment" ?: PropertyValueSpecification < "map" | "viewport" | "auto" , > ; "text-radial-offset" ?: DataDrivenPropertyValueSpecification < number > ; "text-rotate" ?: DataDrivenPropertyValueSpecification < number > ; "text-rotation-alignment" ?: PropertyValueSpecification < "map" | "viewport" | "auto" | "viewport-glyph" , > ; "text-size" ?: DataDrivenPropertyValueSpecification < number > ; "text-transform" ?: DataDrivenPropertyValueSpecification < "none" | "uppercase" | "lowercase" , > ; "text-variable-anchor" ?: PropertyValueSpecification < ( | "center" | "top" | "bottom" | "left" | "right" | "top-left" | "top-right" | "bottom-left" | "bottom-right" )[] , > ; "text-variable-anchor-offset" ?: DataDrivenPropertyValueSpecification < VariableAnchorOffsetCollectionSpecification , > ; "text-writing-mode" ?: PropertyValueSpecification < ("horizontal" | "vertical" )[] , > ; visibility ?: "none" | "visible" ; } | { visibility ?: "none" | "visible" } | { "circle-sort-key" ?: DataDrivenPropertyValueSpecification < number > ; visibility ?: "none" | "visible" ; } | { visibility ?: "none" | "visible" } | { visibility ?: "none" | "visible" } | { visibility ?: "none" | "visible" } , > = ...
Readonly
maxzoom maxzoom : InputSignal < undefined | number > = ...
metadata : InputSignal < unknown > = ...
Readonly
minzoom minzoom : InputSignal < undefined | number > = ...
Readonly
paint paint : InputSignal < | undefined | { "background-color" ?: PropertyValueSpecification < string > ; "background-opacity" ?: PropertyValueSpecification < number > ; "background-pattern" ?: PropertyValueSpecification < string > ; } | { "fill-antialias" ?: PropertyValueSpecification < boolean > ; "fill-color" ?: DataDrivenPropertyValueSpecification < string > ; "fill-opacity" ?: DataDrivenPropertyValueSpecification < number > ; "fill-outline-color" ?: DataDrivenPropertyValueSpecification < string > ; "fill-pattern" ?: DataDrivenPropertyValueSpecification < string > ; "fill-translate" ?: PropertyValueSpecification < [ number , number ] > ; "fill-translate-anchor" ?: PropertyValueSpecification < "map" | "viewport" > ; } | { "fill-extrusion-base" ?: DataDrivenPropertyValueSpecification < number > ; "fill-extrusion-color" ?: DataDrivenPropertyValueSpecification < string > ; "fill-extrusion-height" ?: DataDrivenPropertyValueSpecification < number > ; "fill-extrusion-opacity" ?: PropertyValueSpecification < number > ; "fill-extrusion-pattern" ?: DataDrivenPropertyValueSpecification < string > ; "fill-extrusion-translate" ?: PropertyValueSpecification < [ number , number ] > ; "fill-extrusion-translate-anchor" ?: PropertyValueSpecification < "map" | "viewport" , > ; "fill-extrusion-vertical-gradient" ?: PropertyValueSpecification < boolean > ; } | { "line-blur" ?: DataDrivenPropertyValueSpecification < number > ; "line-color" ?: DataDrivenPropertyValueSpecification < string > ; "line-dasharray" ?: PropertyValueSpecification < number [] > ; "line-gap-width" ?: DataDrivenPropertyValueSpecification < number > ; "line-gradient" ?: ExpressionSpecification ; "line-offset" ?: DataDrivenPropertyValueSpecification < number > ; "line-opacity" ?: DataDrivenPropertyValueSpecification < number > ; "line-pattern" ?: DataDrivenPropertyValueSpecification < string > ; "line-translate" ?: PropertyValueSpecification < [ number , number ] > ; "line-translate-anchor" ?: PropertyValueSpecification < "map" | "viewport" > ; "line-width" ?: DataDrivenPropertyValueSpecification < number > ; } | { "icon-color" ?: DataDrivenPropertyValueSpecification < string > ; "icon-halo-blur" ?: DataDrivenPropertyValueSpecification < number > ; "icon-halo-color" ?: DataDrivenPropertyValueSpecification < string > ; "icon-halo-width" ?: DataDrivenPropertyValueSpecification < number > ; "icon-opacity" ?: DataDrivenPropertyValueSpecification < number > ; "icon-translate" ?: PropertyValueSpecification < [ number , number ] > ; "icon-translate-anchor" ?: PropertyValueSpecification < "map" | "viewport" > ; "text-color" ?: DataDrivenPropertyValueSpecification < string > ; "text-halo-blur" ?: DataDrivenPropertyValueSpecification < number > ; "text-halo-color" ?: DataDrivenPropertyValueSpecification < string > ; "text-halo-width" ?: DataDrivenPropertyValueSpecification < number > ; "text-opacity" ?: DataDrivenPropertyValueSpecification < number > ; "text-translate" ?: PropertyValueSpecification < [ number , number ] > ; "text-translate-anchor" ?: PropertyValueSpecification < "map" | "viewport" > ; } | { "raster-brightness-max" ?: PropertyValueSpecification < number > ; "raster-brightness-min" ?: PropertyValueSpecification < number > ; "raster-contrast" ?: PropertyValueSpecification < number > ; "raster-fade-duration" ?: PropertyValueSpecification < number > ; "raster-hue-rotate" ?: PropertyValueSpecification < number > ; "raster-opacity" ?: PropertyValueSpecification < number > ; "raster-resampling" ?: PropertyValueSpecification < "linear" | "nearest" > ; "raster-saturation" ?: PropertyValueSpecification < number > ; } | { "circle-blur" ?: DataDrivenPropertyValueSpecification < number > ; "circle-color" ?: DataDrivenPropertyValueSpecification < string > ; "circle-opacity" ?: DataDrivenPropertyValueSpecification < number > ; "circle-pitch-alignment" ?: PropertyValueSpecification < "map" | "viewport" > ; "circle-pitch-scale" ?: PropertyValueSpecification < "map" | "viewport" > ; "circle-radius" ?: DataDrivenPropertyValueSpecification < number > ; "circle-stroke-color" ?: DataDrivenPropertyValueSpecification < string > ; "circle-stroke-opacity" ?: DataDrivenPropertyValueSpecification < number > ; "circle-stroke-width" ?: DataDrivenPropertyValueSpecification < number > ; "circle-translate" ?: PropertyValueSpecification < [ number , number ] > ; "circle-translate-anchor" ?: PropertyValueSpecification < "map" | "viewport" > ; } | { "heatmap-color" ?: ExpressionSpecification ; "heatmap-intensity" ?: PropertyValueSpecification < number > ; "heatmap-opacity" ?: PropertyValueSpecification < number > ; "heatmap-radius" ?: DataDrivenPropertyValueSpecification < number > ; "heatmap-weight" ?: DataDrivenPropertyValueSpecification < number > ; } | { "hillshade-accent-color" ?: PropertyValueSpecification < string > ; "hillshade-exaggeration" ?: PropertyValueSpecification < number > ; "hillshade-highlight-color" ?: PropertyValueSpecification < ColorArraySpecification , > ; "hillshade-illumination-altitude" ?: PropertyValueSpecification < NumberArraySpecification , > ; "hillshade-illumination-anchor" ?: PropertyValueSpecification < "map" | "viewport" , > ; "hillshade-illumination-direction" ?: PropertyValueSpecification < NumberArraySpecification , > ; "hillshade-method" ?: PropertyValueSpecification < "standard" | "basic" | "combined" | "igor" | "multidirectional" , > ; "hillshade-shadow-color" ?: PropertyValueSpecification < ColorArraySpecification , > ; } | { "color-relief-color" ?: ExpressionSpecification ; "color-relief-opacity" ?: PropertyValueSpecification < number > ; } , > = ...
Readonly
removeSource removeSource : InputSignal < undefined | boolean > = ...
Readonly
source source : InputSignal < undefined | string > = ...
Readonly
sourceLayer sourceLayer : InputSignal < undefined | string > = ...
Readonly
type type : InputSignal < | "symbol" | "fill" | "line" | "circle" | "heatmap" | "fill-extrusion" | "raster" | "hillshade" | "color-relief" | "background" , > = ...
mgl-layer
- a layer componentSee
layers
Example