0.43.0
Map-GL-Utils (formerly Mapbox-GL-Utils) adds a number of utility functions and syntactic sugar to a Mapbox GL JS or Maplibre GL JS map instance. If you write a lot of interactive map code, you may appreciate the more concise form, and simpler API.
Full documentation: https://stevage.github.io/map-gl-utils
addGeoJSON()
, addCircleLayer()
, setCircleRadius()
, getTextFont()
...addLineLayer()
multiple times to create, then update the layer.show()
, hide()
, onLoad()
, setData()
, fontsInUse()
hoverPointer()
, hoverFeatureState()
, hoverPopup()
, clickLayer()
removeLayer()
(not an error if layer doesn't exist), removeSource()
(removes attached layers automatically), setFilter()
(works on multiple layers at once), setData()
clears data if no GeoJSON provided.To use without any build process:
<script src="https://unpkg.com/map-gl-utils"></script>
then
U.init(map)
With Webpack etc:
const mapgl = require('maplibre-gl'); // or require('mapbox-gl');
const map = new mapgl.Map({ ... });
// or:
import U from 'map-gl-utils';
U.init(map);
// A small number of methods (eg hoverPopup) require access to the maplibre-gl/mapbox-gl library itself, in order to instantiate other objects.
require('map-gl-utils').init(map, mapgl);
The default distribution is an ES2015 module with no transpiling. If you experience any syntax issues (such as using older JavaScript versions), use the UMD bundle instead:
// Adds U property to map, containing these methods.
require('map-gl-utils/umd').init(map);
If you want to use Flow types:
import type MapGlUtils from 'map-gl-utils/src/index'
The props
object passed when adding a layer can freely mix paint, layout and other properties. Property keys can be specified in camelCase or kebab-case:
map.U.addCircleLayer('trees-circle', 'trees', {
circleColor: 'green', // paint property
circleRadius: ['interpolate', ['zoom'], 12, 3, 15, 5], // paint property
circleSortKey: ['get', 'tree-sort-key'], // layout property
filter: ['!=', 'type', 'stump'], // other property
});
Almost every method that works with existing layers (eg, show()
) can work with multiple layers. There are four ways to specify the layer(s) you want to modify:
map.U.show('trees-label'); map.U.show('trees-circle');
map.U.show(['trees-label', 'trees-circle'])
;map.U.show(/^trees-/)
;map.U.show(layer => layer.source === 'trees');
Methods that add sources return an object ("SourceBoundUtils" in this documentation) that can be chained to allow layers to be added to it:
map.U.addGeoJSONSource('properties')
.addCircleLayer('properties-line', { lineWidth: 3 })
.addSymbolLayer('properties-fill', { fillColor: 'hsla(30,30%,60%,0.5)' })
// Conveniently add a line feature, mixing paint, layout and other properties.
// Notice you can use camelCase for all property names.
map.U.addLineLayer('mylines', 'mysource', {
lineWidth: 3,
lineCap: 'round',
minzoom: 11
});
// Also addFillLayer, addFillExtrusionLayer, addRasterLayer, addVideoLayer, addSymbolLayer, addHillshadeLayer, addHeatmapLayer
map.U.addCircleLayer('mycircles', 'mysource', { circleStrokeColor: 'red' });
// if the layer already exists, calling add*Layer simply updates any of the properties
map.U.addCircleLayer('mycircles', 'mysource', { circleStrokeColor: 'red', circleRadius: 4, filter: ['==', 'type', 'active'});
// and of course add the layer "before" another layer if needed:
map.U.addLineLayer('mylayer', 'mysource', { lineColor: 'red' }, 'toplayer');
// removeLayer() doesn't throw errors if the layers don't exist
map.U.removeLayer(['towns','town-labels']);
// Simpler way to create GeoJSON source:
map.U.addGeoJSON('mysource', geojson);
// Or create a GeoJSON source with initially blank data. This is very convenient if you're loading
// the data separately and will call .setData() later.
map.U.addGeoJSON('mysource');
// Simpler ways to create a vector tile source:
map.U.addVector('mysource', 'mapbox://foo.blah');
map.U.addVector('mysource', 'https://example.com/tiles/{z}/{x}/{y}.pbf');
// Additional properties still work
map.U.addVector('mysource', 'https://example.com/tiles/{z}/{x}/{y}.pbf', { maxzoom: 13 });
// There's also addRaster(), addRasterDem(), addImage(), addVideo()
// Calling any of the add* functions simply updates the source definition if it exists already.
// Automatically removes any layers using these sources. Not an error if sources don't exist.
map.U.removeSource(['buildings', 'roads']);
// You can also use the returned object to add layers conveniently:
map.U.addGeoJSON('buildings', 'data/buildings.geojson')
.addFillExtrusion('buildings-3d', {
fillExtrusionHeight: 100,
fillExtrusionColor: 'grey'
}).addLineLayer('buildings-footprint', {
lineColor: 'lightblue'
});
// Replace the source on an existing layer. (Actually removes and re-adds it.)
map.U.setLayerSource('buildings', 'newsource');
map.U.setLayerSource(['buildings-3d', 'buildings-outline]', 'newsource', 'newsourcelayer');
// To change the source layer, pass a third argument, or null to clear it (if switching from vector tiles to geojson)
map.U.setLayerSource('buildings', 'mylocalbuildings', null);
// Every property has a setXxx() form:
map.U.setTextSize('mylayer', 12);
// And they all work on multiple layers at once:
map.U.setLineWidth(['mylayer', 'mylayer-highlight'], 4);
map.U.setLineOpacity(/^border-/, 0);
map.U.setFillColor(layer => layer.source === 'farms', 'green');
// There's also a more familiar setProperty() form.
map.U.setProperty('mylayer', 'line-width', 3);
// Existing properties aren't touched
map.U.setProperty('mylayer', {
textSize: 12,
textColor: 'red'
});
// There's a `get...` version of every function, too.
map.U.getFillColor('water')
// Simpler way to update source data:
map.U.setData('mysource', data);
// you can leave out the data parameter to clear out a GeoJSON source:
map.U.setData('mysource');
// Easier to remember way to turn layers on and off:
map.U.show('mylayer');
map.U.hide('mylayer');
map.U.toggle(['mylayer', 'myotherlayer'], isVisible);
// To avoid name clashes such as with 'raster', you can use a longer form ending
// with either ...Layer() or ...Source()
map.U.addRasterSource('myrastersource', { type: 'raster', url: 'mapbox://mapbox.satellite', tileSize: 256 });
map.U.addRasterLayer('myrasterlayer', 'myrastersource', { rasterSaturation: 0.5 });
// Use the mouse 'finger' cursor when hovering over this layer.
map.U.hoverPointer('mylayer');
// If you pass several layers, it correctly handles moving from one layer to another
// Use the mouse 'finger' cursor when hovering over this layer.
map.U.hoverPointer(['regions-border', 'regions-fill']);
// Sets a "hover" feature-state to be true or false as the mouse moves over features in this layer.
// Requires that features have an `id`.
map.U.hoverFeatureState('mylayer');
// Want to apply the hover feature-state to a different source?
// For instance, you hover over a label, but want to highlight the surrounding boundary.
map.U.hoverFeatureState('town-labels', 'boundaries', 'town-boundaries');
// You can also add additional event handlers:
map.U.hoverFeatureState('mylayer', 'mysource', 'mysourcelayer',
e => console.log(`Entered ${e.features[0].id}`),
e => console.log(`Left ${e.oldFeatureid}`);
// Shows a popup when a feature is hovered over or clicked.
// The third argument is an options object, passed to the Popup constructor.
// callback is called as: (feature, popup) => htmlString
// Make sure you passed the mapboxgl library itself when initialising: U.init(map, mapboxgl).
map.U.hoverPopup('mylayer', f => `<h3>${f.properties.Name}</h3> ${f.properties.Description}`, { anchor: 'left' });
map.U.clickPopup('mylayer', f => `<h3>${f.properties.Name}</h3> ${f.properties.Description}`, { maxWidth: 500 });
// clickLayer() is like .on('click)', but can take an array and adds a 'features' member
// to the event, for what got clicked on.
map.U.clickLayer(['towns', 'town-labels'], e => panel.selectedId = e.features[0].id);
// clickOneLayer tests multiple layers in order, firing callback on the first one that
// is hit. The callback is passed { feature, features, layer, event }.
map.U.clickOneLayer(['town-labels', 'state-boundaries'], e => {
if (e.layer === 'town-labels') {
setView('town');
panel.selectedId = e.features[0].id;
} else if (e.layer === 'state-boundaries') {
setView('state');
panel.selectedId = e.features[0].id;
}
});
// Optionally pass in an extra callback which is fired for clicks that miss all layers:
map.U.clickOneLayer(['town-labels', 'state-boundaries'], e => {...}, e => {
console.log('Missed everything');
});
// All these functions return an "undo" function that removes the handlers added:
const remove = map.U.hoverPopup('mylayer', showPopupFunc);
//...
remove(); // no more hover popup
// Like on('load') but fires immediately (and reliably) any time after map already loaded.
map.U.onLoad(callback);
// returns a promise if no callback:
await map.U.onLoad();
// Gets the layer definition. Mapbox's `getLayer()` has weird paint and layout properties.
const layer = map.U.getLayerStyle('mylayer');
// Resets all other properties to default first. Ignores non-paint, non-layout properties.
map.setLayerStyle('mylayer', {
lineWidth: 3
});
// properties() converts an object to a layer object accepted by Mapbox-GL-JS
map.addLayer(map.U.properties({
id: 'mylayer',
source: 'mysource',
type: 'line',
lineWidth: 3,
lineCap: 'round',
minzoom: 11,
filter: ['==', 'status', 'confirmed']
}));
// layerStyle() is flexible, pass as many or as few of id, source, and type (in that order) as you like:
map.U.layerStyle('mylayer', 'mysource', 'line', { ... })
map.U.layerStyle('mylayer', 'mysource', { ... })
map.U.layerStyle('mylayer', { ... })
map.U.layerStyle({ ... })
// Hide/show/toggle all the layers attached to this source
map.U.hideSource('buildings');
map.U.showSource('buildings');
map.U.toggleSource('buildings', true);
// Update several filters at once.
map.U.setFilter(['buildings-fill', 'buildings-outline', 'buildings-label'], [...]);
// Conveniently load an image into the map in one step
map.U.loadImage('marker', '/assets/marker-pin.png');
map.U.loadImage('marker', '/assets/marker-pin@2x.png', { pixelRatio: 2}).then(/* ... */;
// Update the map style's root "transition" property
map.U.setTransition({ delay: 1000, delay: 0});
// Get a list of fonts used in symbol layers with fontsUsed(). Useful for quickly getting some text displaying.
const fonts = map.U.fontsInUse();
map.U.addSymbolLayer('labels', 'mysource', { textFont: fonts[0], textField: '{label}' });
map.U.onload(() => {
map.U.addGeoJSON('towns');
map.U.addCircleLayer('small-towns', 'towns', { circleColor: 'green', filter: ['==', 'size', 'small']});
map.U.addCircleLayer('large-towns', 'towns', {
circleColor: 'red',
filter: ['==', 'size', ['large']],
circleStrokeWidth: ['case', ['to-boolean', ['feature-state', 'hover']], 5, 1]
);
map.U.setCircleRadius(['small-towns', 'large-towns'], 12);
map.U.hoverPointer(['small-towns', 'large-towns']);
map.U.hoverFeatureState('large-towns');
// update the source layer when data is available
d3.json('http://example.com/towns.json', data => map.U.setData('towns', data));
});
Map-GL-Utils was written by, and maintained, by Steve Bennett, a freelance map developer.
Documentation built with documentation.js.
Packaging uses rollup.js and Babel.
Flow is used internally, including types from Mapbox GL JS.
Tests are run using Jest.
map.addLayer
rather than map.setStyle
for performanceesmodules: true
from rollup config.dist/index.esm.js
is the default, ES module, and umd/index.js
is the UMD module.const off = map.U.hoverPointer(['layer1','layer2']); /* ... */ off()
onLoad()
now returns a promise if no callback provided.fontsInUse()
function https://github.com/stevage/mapbox-gl-utils/issues/26getLineColor()
, getTextFont() etc https://github.com/stevage/mapbox-gl-utils/issues/24addXLayer()
and addX()
are now idempotent: call once to add layer/source, again to update. https://github.com/stevage/mapbox-gl-utils/issues/25setData()
https://github.com/stevage/mapbox-gl-utils/issues/19addVector()
with extra argument didn't work https://github.com/stevage/mapbox-gl-utils/issues/22Adds a layer of type circle
.
void
Adds a layer of type fill-extrusion
.
void
Adds a layer of type fill
.
void
Create a GeoJSON layer.
(string)
(GeoJSON?
= {type:'FeatureCollection',features:[]}
)
(GeoJSONSourceSpecification?)
SourceBoundUtils
Adds a layer of type heatmap
.
void
Adds a layer of type hillshade
.
void
Adds an image
source
(string)
ID of the new source.
(object)
Properties defining the source, per the style spec.
SourceBoundUtils
Adds a layer, given an id, source, type, and properties.
SourceBoundUtils
Adds a layer of type line
.
void
Adds a raster-dem
source
(string)
ID of the new source.
(object)
Properties defining the source, per the style spec.
SourceBoundUtils
Adds a layer of type raster
.
void
Adds a raster
source
(string)
ID of the new source.
(object)
Properties defining the source, per the style spec.
SourceBoundUtils
Adds a raster
source
(string)
ID of the new source.
(object)
Properties defining the source, per the style spec.
SourceBoundUtils
Adds a layer of type symbol
.
void
Adds a vector
source
(string)
ID of the new source.
(object)
Properties defining the source, per the style spec.
({}
= {}
)
(string?)
Optional URL of source tiles (.../{z}/{x}/{y}...), mapbox:// URL or TileJSON endpoint.
SourceBoundUtils
addVector('mysource', 'http://example.com/tiles/{z}/{x}/{y}.pbf', { maxzoom: 13 });
Adds a layer of type video
.
void
Adds a video
source
(string)
ID of the new source.
(object)
Properties defining the source, per the style spec.
SourceBoundUtils
Fire a callback whenever a feature in these layers is clicked.
(function)
Callback that receives event with .features property
any
:
A function that removes the handler.
Detects a click in the first of a series of layers given, and fires a callback.
(LayerRef)
(LayerCallback)
Callback, receives
{ event, layer, feature, features }
.
(LayerCallback?)
Callback when a click happens that misses all these layers. Receives
{ event }
.
OffHandler
:
A function to remove the handler.
Show a popup whenever a feature in these layers is clicked.
(function ({}): void)
Function that receives feature and popup, returns HTML.
OffHandler
:
A function that removes the handler.
clickPopup('mylayer', f => `<h3>${f.properties.Name}</h3> ${f.properties.Description}`, { maxWidth: 500 });
Gets array of font names in use, determined by traversing style. Does not detect fonts in all possible situations.
Array<string>
Gets the layer definition for a given layer id, as per the style spec..
(string)
LayerSpecification
Makes the given layers hidden.
Makes all layers depending on a given source hidden.
Updates feature-state of features in the connected source[s] whenever hovering over a feature in these layers.
Fires a callback when mouse hovers over a feature in these layers.
any
:
A function to remove the handler.
Sets Map's cursor to 'pointer' whenever the mouse is over these layers.
(LayerRef)
function (): void
:
A function to remove the handler.
Show a popup whenever hovering over a feature in these layers.
(LayerCallback)
Function that receives feature and popup, returns HTML.
OffHandler
hoverPopup('mylayer', f => `<h3>${f.properties.Name}</h3> ${f.properties.Description}`, { anchor: 'left' });
Adds an image for use as a symbol layer, from a URL.
any
loadImage('marker', '/assets/marker-pin@2x.png', { pixelRatio: 2})
Callback that fires when map loads, or immediately if map is already loaded.
(function (void): void?)
Promise
:
Promise, if callback not provided.
Converts a set of properties in pascalCase or kebab-case into a layer objectwith layout and paint properties.
({}?)
{}?
Removes one or more sources, first removing all layers that depend on them. Not an error if source doesn't exist.
(SourceRef)
Replaces the current data for a GeoJSON layer.
(string)
Id of the source being updated.
(GeoJSON?
= {type:'FeatureCollection',features:[]}
)
GeoJSON object to set. If not provided, defaults to an empty FeatureCollection.
Replace the filter for one or more layers.
(Array)
New filter to set.
map.U.setFilter(['buildings-fill', 'buildings-outline', 'buildings-label'], ['==','level','0']]);
Changes the source of an existing layer, by removing and readding the source.
setLayerSource(['trees-circle', 'trees-label'], 'allpoints', 'trees')
Sets a paint or layout property on one or more layers.
setProperty(['buildings-fill', 'parks-fill'], 'fillOpacity', 0.5)
Set a property on the style's root, such as light
or transition
.
(string)
(PropValue)
Sets root transition property.
(TransitionSpecification)
setTransition({ duration: 500, delay: 100 })
Makes the given layers visible.
Makes all layers depending on a given source visible.
Makes the given layers hidden or visible, depending on an argument.
Makes the given layers connected to a given source hidden or visible, depending on an argument.
Initialises Map-GL-Utils on existing map object.
(UtilsMap)
(MapboxGlLib?)
Mapbox-GL-JS or Maplibre-GL-JS library. Only needed for later use by
hoverPopup()
etc.
MapGlUtils
:
Initialised MapGlUtils object.
Gets the background-color
paint property for a layer.
(LayerRef)
any
Gets the background-opacity
paint property for a layer.
(LayerRef)
any
Gets the background-pattern
paint property for a layer.
(LayerRef)
any
Gets the circle-blur
paint property for a layer.
(LayerRef)
any
Gets the circle-color
paint property for a layer.
(LayerRef)
any
Gets the circle-opacity
paint property for a layer.
(LayerRef)
any
Gets the circle-pitch-alignment
paint property for a layer.
(LayerRef)
any
Gets the circle-pitch-scale
paint property for a layer.
(LayerRef)
any
Gets the circle-radius
paint property for a layer.
(LayerRef)
any
Gets the circle-sort-key
layout property for a layer.
(LayerRef)
any
Gets the circle-stroke-color
paint property for a layer.
(LayerRef)
any
Gets the circle-stroke-opacity
paint property for a layer.
(LayerRef)
any
Gets the circle-stroke-width
paint property for a layer.
(LayerRef)
any
Gets the circle-translate
paint property for a layer.
(LayerRef)
any
Gets the circle-translate-anchor
paint property for a layer.
(LayerRef)
any
Gets the fill-antialias
paint property for a layer.
(LayerRef)
any
Gets the fill-color
paint property for a layer.
(LayerRef)
any
Gets the fill-extrusion-base
paint property for a layer.
(LayerRef)
any
Gets the fill-extrusion-color
paint property for a layer.
(LayerRef)
any
Gets the fill-extrusion-height
paint property for a layer.
(LayerRef)
any
Gets the fill-extrusion-opacity
paint property for a layer.
(LayerRef)
any
Gets the fill-extrusion-pattern
paint property for a layer.
(LayerRef)
any
Gets the fill-extrusion-translate
paint property for a layer.
(LayerRef)
any
Gets the fill-extrusion-translate-anchor
paint property for a layer.
(LayerRef)
any
Gets the fill-extrusion-vertical-gradient
paint property for a layer.
(LayerRef)
any
Gets the fill-opacity
paint property for a layer.
(LayerRef)
any
Gets the fill-outline-color
paint property for a layer.
(LayerRef)
any
Gets the fill-pattern
paint property for a layer.
(LayerRef)
any
Gets the fill-sort-key
layout property for a layer.
(LayerRef)
any
Gets the fill-translate
paint property for a layer.
(LayerRef)
any
Gets the fill-translate-anchor
paint property for a layer.
(LayerRef)
any
Gets the heatmap-color
paint property for a layer.
(LayerRef)
any
Gets the heatmap-intensity
paint property for a layer.
(LayerRef)
any
Gets the heatmap-opacity
paint property for a layer.
(LayerRef)
any
Gets the heatmap-radius
paint property for a layer.
(LayerRef)
any
Gets the heatmap-weight
paint property for a layer.
(LayerRef)
any
Gets the hillshade-accent-color
paint property for a layer.
(LayerRef)
any
Gets the hillshade-exaggeration
paint property for a layer.
(LayerRef)
any
Gets the hillshade-highlight-color
paint property for a layer.
(LayerRef)
any
Gets the hillshade-illumination-anchor
paint property for a layer.
(LayerRef)
any
Gets the hillshade-illumination-direction
paint property for a layer.
(LayerRef)
any
Gets the hillshade-shadow-color
paint property for a layer.
(LayerRef)
any
Gets the icon-allow-overlap
layout property for a layer.
(LayerRef)
any
Gets the icon-anchor
layout property for a layer.
(LayerRef)
any
Gets the icon-color
paint property for a layer.
(LayerRef)
any
Gets the icon-halo-blur
paint property for a layer.
(LayerRef)
any
Gets the icon-halo-color
paint property for a layer.
(LayerRef)
any
Gets the icon-halo-width
paint property for a layer.
(LayerRef)
any
Gets the icon-ignore-placement
layout property for a layer.
(LayerRef)
any
Gets the icon-image
layout property for a layer.
(LayerRef)
any
Gets the icon-keep-upright
layout property for a layer.
(LayerRef)
any
Gets the icon-offset
layout property for a layer.
(LayerRef)
any
Gets the icon-opacity
paint property for a layer.
(LayerRef)
any
Gets the icon-optional
layout property for a layer.
(LayerRef)
any
Gets the icon-padding
layout property for a layer.
(LayerRef)
any
Gets the icon-pitch-alignment
layout property for a layer.
(LayerRef)
any
Gets the icon-rotate
layout property for a layer.
(LayerRef)
any
Gets the icon-rotation-alignment
layout property for a layer.
(LayerRef)
any
Gets the icon-size
layout property for a layer.
(LayerRef)
any
Gets the icon-text-fit
layout property for a layer.
(LayerRef)
any
Gets the icon-text-fit-padding
layout property for a layer.
(LayerRef)
any
Gets the icon-translate
paint property for a layer.
(LayerRef)
any
Gets the icon-translate-anchor
paint property for a layer.
(LayerRef)
any
Gets the line-blur
paint property for a layer.
(LayerRef)
any
Gets the line-cap
layout property for a layer.
(LayerRef)
any
Gets the line-color
paint property for a layer.
(LayerRef)
any
Gets the line-dasharray
paint property for a layer.
(LayerRef)
any
Gets the line-gap-width
paint property for a layer.
(LayerRef)
any
Gets the line-gradient
paint property for a layer.
(LayerRef)
any
Gets the line-join
layout property for a layer.
(LayerRef)
any
Gets the line-miter-limit
layout property for a layer.
(LayerRef)
any
Gets the line-offset
paint property for a layer.
(LayerRef)
any
Gets the line-opacity
paint property for a layer.
(LayerRef)
any
Gets the line-pattern
paint property for a layer.
(LayerRef)
any
Gets the line-round-limit
layout property for a layer.
(LayerRef)
any
Gets the line-sort-key
layout property for a layer.
(LayerRef)
any
Gets the line-translate
paint property for a layer.
(LayerRef)
any
Gets the line-translate-anchor
paint property for a layer.
(LayerRef)
any
Gets the line-width
paint property for a layer.
(LayerRef)
any
Gets the raster-brightness-max
paint property for a layer.
(LayerRef)
any
Gets the raster-brightness-min
paint property for a layer.
(LayerRef)
any
Gets the raster-contrast
paint property for a layer.
(LayerRef)
any
Gets the raster-fade-duration
paint property for a layer.
(LayerRef)
any
Gets the raster-hue-rotate
paint property for a layer.
(LayerRef)
any
Gets the raster-opacity
paint property for a layer.
(LayerRef)
any
Gets the raster-resampling
paint property for a layer.
(LayerRef)
any
Gets the raster-saturation
paint property for a layer.
(LayerRef)
any
Gets the sky-atmosphere-color
paint property for a layer.
(LayerRef)
any
Gets the sky-atmosphere-halo-color
paint property for a layer.
(LayerRef)
any
Gets the sky-atmosphere-sun
paint property for a layer.
(LayerRef)
any
Gets the sky-atmosphere-sun-intensity
paint property for a layer.
(LayerRef)
any
Gets the sky-gradient
paint property for a layer.
(LayerRef)
any
Gets the sky-gradient-center
paint property for a layer.
(LayerRef)
any
Gets the sky-gradient-radius
paint property for a layer.
(LayerRef)
any
Gets the sky-opacity
paint property for a layer.
(LayerRef)
any
Gets the sky-type
paint property for a layer.
(LayerRef)
any
Gets the symbol-avoid-edges
layout property for a layer.
(LayerRef)
any
Gets the symbol-placement
layout property for a layer.
(LayerRef)
any
Gets the symbol-sort-key
layout property for a layer.
(LayerRef)
any
Gets the symbol-spacing
layout property for a layer.
(LayerRef)
any
Gets the symbol-z-order
layout property for a layer.
(LayerRef)
any
Gets the text-allow-overlap
layout property for a layer.
(LayerRef)
any
Gets the text-anchor
layout property for a layer.
(LayerRef)
any
Gets the text-color
paint property for a layer.
(LayerRef)
any
Gets the text-field
layout property for a layer.
(LayerRef)
any
Gets the text-font
layout property for a layer.
(LayerRef)
any
Gets the text-halo-blur
paint property for a layer.
(LayerRef)
any
Gets the text-halo-color
paint property for a layer.
(LayerRef)
any
Gets the text-halo-width
paint property for a layer.
(LayerRef)
any
Gets the text-ignore-placement
layout property for a layer.
(LayerRef)
any
Gets the text-justify
layout property for a layer.
(LayerRef)
any
Gets the text-keep-upright
layout property for a layer.
(LayerRef)
any
Gets the text-letter-spacing
layout property for a layer.
(LayerRef)
any
Gets the text-line-height
layout property for a layer.
(LayerRef)
any
Gets the text-max-angle
layout property for a layer.
(LayerRef)
any
Gets the text-max-width
layout property for a layer.
(LayerRef)
any
Gets the text-offset
layout property for a layer.
(LayerRef)
any
Gets the text-opacity
paint property for a layer.
(LayerRef)
any
Gets the text-optional
layout property for a layer.
(LayerRef)
any
Gets the text-padding
layout property for a layer.
(LayerRef)
any
Gets the text-pitch-alignment
layout property for a layer.
(LayerRef)
any
Gets the text-radial-offset
layout property for a layer.
(LayerRef)
any
Gets the text-rotate
layout property for a layer.
(LayerRef)
any
Gets the text-rotation-alignment
layout property for a layer.
(LayerRef)
any
Gets the text-size
layout property for a layer.
(LayerRef)
any
Gets the text-transform
layout property for a layer.
(LayerRef)
any
Gets the text-translate
paint property for a layer.
(LayerRef)
any
Gets the text-translate-anchor
paint property for a layer.
(LayerRef)
any
Gets the text-variable-anchor
layout property for a layer.
(LayerRef)
any
Gets the text-writing-mode
layout property for a layer.
(LayerRef)
any
Gets the visibility
layout property for a layer.
(LayerRef)
any
Sets the background-color
paint property for one or more layers.
(LayerRef)
(any)
void
Sets the background-opacity
paint property for one or more layers.
(LayerRef)
(any)
void
Sets the background-pattern
paint property for one or more layers.
(LayerRef)
(any)
void
Sets the circle-blur
paint property for one or more layers.
(LayerRef)
(any)
void
Sets the circle-color
paint property for one or more layers.
(LayerRef)
(any)
void
Sets the circle-opacity
paint property for one or more layers.
(LayerRef)
(any)
void
Sets the circle-pitch-alignment
paint property for one or more layers.
(LayerRef)
(any)
void
Sets the circle-pitch-scale
paint property for one or more layers.
(LayerRef)
(any)
void
Sets the circle-radius
paint property for one or more layers.
(LayerRef)
(any)
void
Sets the circle-sort-key
layout property for one or more layers.
(LayerRef)
(any)
void
Sets the circle-stroke-color
paint property for one or more layers.
(LayerRef)
(any)
void
Sets the circle-stroke-opacity
paint property for one or more layers.
(LayerRef)
(any)
void
Sets the circle-stroke-width
paint property for one or more layers.
(LayerRef)
(any)
void
Sets the circle-translate
paint property for one or more layers.
(LayerRef)
(any)
void
Sets the circle-translate-anchor
paint property for one or more layers.
(LayerRef)
(any)
void
Sets the fill-antialias
paint property for one or more layers.
(LayerRef)
(any)
void
Sets the fill-color
paint property for one or more layers.
(LayerRef)
(any)
void
Sets the fill-extrusion-base
paint property for one or more layers.
(LayerRef)
(any)
void
Sets the fill-extrusion-color
paint property for one or more layers.
(LayerRef)
(any)
void
Sets the fill-extrusion-height
paint property for one or more layers.
(LayerRef)
(any)
void
Sets the fill-extrusion-opacity
paint property for one or more layers.
(LayerRef)
(any)
void
Sets the fill-extrusion-pattern
paint property for one or more layers.
(LayerRef)
(any)
void
Sets the fill-extrusion-translate
paint property for one or more layers.
(LayerRef)
(any)
void
Sets the fill-extrusion-translate-anchor
paint property for one or more layers.
(LayerRef)
(any)
void
Sets the fill-extrusion-vertical-gradient
paint property for one or more layers.
(LayerRef)
(any)
void
Sets the fill-opacity
paint property for one or more layers.
(LayerRef)
(any)
void
Sets the fill-outline-color
paint property for one or more layers.
(LayerRef)
(any)
void
Sets the fill-pattern
paint property for one or more layers.
(LayerRef)
(any)
void
Sets the fill-sort-key
layout property for one or more layers.
(LayerRef)
(any)
void
Sets the fill-translate
paint property for one or more layers.
(LayerRef)
(any)
void
Sets the fill-translate-anchor
paint property for one or more layers.
(LayerRef)
(any)
void
Sets the heatmap-color
paint property for one or more layers.
(LayerRef)
(any)
void
Sets the heatmap-intensity
paint property for one or more layers.
(LayerRef)
(any)
void
Sets the heatmap-opacity
paint property for one or more layers.
(LayerRef)
(any)
void
Sets the heatmap-radius
paint property for one or more layers.
(LayerRef)
(any)
void
Sets the heatmap-weight
paint property for one or more layers.
(LayerRef)
(any)
void
Sets the hillshade-accent-color
paint property for one or more layers.
(LayerRef)
(any)
void
Sets the hillshade-exaggeration
paint property for one or more layers.
(LayerRef)
(any)
void
Sets the hillshade-highlight-color
paint property for one or more layers.
(LayerRef)
(any)
void
Sets the hillshade-illumination-anchor
paint property for one or more layers.
(LayerRef)
(any)
void
Sets the hillshade-illumination-direction
paint property for one or more layers.
(LayerRef)
(any)
void
Sets the hillshade-shadow-color
paint property for one or more layers.
(LayerRef)
(any)
void
Sets the icon-allow-overlap
layout property for one or more layers.
(LayerRef)
(any)
void
Sets the icon-anchor
layout property for one or more layers.
(LayerRef)
(any)
void
Sets the icon-color
paint property for one or more layers.
(LayerRef)
(any)
void
Sets the icon-halo-blur
paint property for one or more layers.
(LayerRef)
(any)
void
Sets the icon-halo-color
paint property for one or more layers.
(LayerRef)
(any)
void
Sets the icon-halo-width
paint property for one or more layers.
(LayerRef)
(any)
void
Sets the icon-ignore-placement
layout property for one or more layers.
(LayerRef)
(any)
void
Sets the icon-image
layout property for one or more layers.
(LayerRef)
(any)
void
Sets the icon-keep-upright
layout property for one or more layers.
(LayerRef)
(any)
void
Sets the icon-offset
layout property for one or more layers.
(LayerRef)
(any)
void
Sets the icon-opacity
paint property for one or more layers.
(LayerRef)
(any)
void
Sets the icon-optional
layout property for one or more layers.
(LayerRef)
(any)
void
Sets the icon-padding
layout property for one or more layers.
(LayerRef)
(any)
void
Sets the icon-pitch-alignment
layout property for one or more layers.
(LayerRef)
(any)
void
Sets the icon-rotate
layout property for one or more layers.
(LayerRef)
(any)
void
Sets the icon-rotation-alignment
layout property for one or more layers.
(LayerRef)
(any)
void
Sets the icon-size
layout property for one or more layers.
(LayerRef)
(any)
void
Sets the icon-text-fit
layout property for one or more layers.
(LayerRef)
(any)
void
Sets the icon-text-fit-padding
layout property for one or more layers.
(LayerRef)
(any)
void
Sets the icon-translate
paint property for one or more layers.
(LayerRef)
(any)
void
Sets the icon-translate-anchor
paint property for one or more layers.
(LayerRef)
(any)
void
Sets the line-blur
paint property for one or more layers.
(LayerRef)
(any)
void
Sets the line-cap
layout property for one or more layers.
(LayerRef)
(any)
void
Sets the line-color
paint property for one or more layers.
(LayerRef)
(any)
void
Sets the line-dasharray
paint property for one or more layers.
(LayerRef)
(any)
void
Sets the line-gap-width
paint property for one or more layers.
(LayerRef)
(any)
void
Sets the line-gradient
paint property for one or more layers.
(LayerRef)
(any)
void
Sets the line-join
layout property for one or more layers.
(LayerRef)
(any)
void
Sets the line-miter-limit
layout property for one or more layers.
(LayerRef)
(any)
void
Sets the line-offset
paint property for one or more layers.
(LayerRef)
(any)
void
Sets the line-opacity
paint property for one or more layers.
(LayerRef)
(any)
void
Sets the line-pattern
paint property for one or more layers.
(LayerRef)
(any)
void
Sets the line-round-limit
layout property for one or more layers.
(LayerRef)
(any)
void
Sets the line-sort-key
layout property for one or more layers.
(LayerRef)
(any)
void
Sets the line-translate
paint property for one or more layers.
(LayerRef)
(any)
void
Sets the line-translate-anchor
paint property for one or more layers.
(LayerRef)
(any)
void
Sets the line-width
paint property for one or more layers.
(LayerRef)
(any)
void
Sets the raster-brightness-max
paint property for one or more layers.
(LayerRef)
(any)
void
Sets the raster-brightness-min
paint property for one or more layers.
(LayerRef)
(any)
void
Sets the raster-contrast
paint property for one or more layers.
(LayerRef)
(any)
void
Sets the raster-fade-duration
paint property for one or more layers.
(LayerRef)
(any)
void
Sets the raster-hue-rotate
paint property for one or more layers.
(LayerRef)
(any)
void
Sets the raster-opacity
paint property for one or more layers.
(LayerRef)
(any)
void
Sets the raster-resampling
paint property for one or more layers.
(LayerRef)
(any)
void
Sets the raster-saturation
paint property for one or more layers.
(LayerRef)
(any)
void
Sets the sky-atmosphere-color
paint property for one or more layers.
(LayerRef)
(any)
void
Sets the sky-atmosphere-halo-color
paint property for one or more layers.
(LayerRef)
(any)
void
Sets the sky-atmosphere-sun
paint property for one or more layers.
(LayerRef)
(any)
void
Sets the sky-atmosphere-sun-intensity
paint property for one or more layers.
(LayerRef)
(any)
void
Sets the sky-gradient
paint property for one or more layers.
(LayerRef)
(any)
void
Sets the sky-gradient-center
paint property for one or more layers.
(LayerRef)
(any)
void
Sets the sky-gradient-radius
paint property for one or more layers.
(LayerRef)
(any)
void
Sets the sky-opacity
paint property for one or more layers.
(LayerRef)
(any)
void
Sets the sky-type
paint property for one or more layers.
(LayerRef)
(any)
void
Sets the symbol-avoid-edges
layout property for one or more layers.
(LayerRef)
(any)
void
Sets the symbol-placement
layout property for one or more layers.
(LayerRef)
(any)
void
Sets the symbol-sort-key
layout property for one or more layers.
(LayerRef)
(any)
void
Sets the symbol-spacing
layout property for one or more layers.
(LayerRef)
(any)
void
Sets the symbol-z-order
layout property for one or more layers.
(LayerRef)
(any)
void
Sets the text-allow-overlap
layout property for one or more layers.
(LayerRef)
(any)
void
Sets the text-anchor
layout property for one or more layers.
(LayerRef)
(any)
void
Sets the text-color
paint property for one or more layers.
(LayerRef)
(any)
void
Sets the text-field
layout property for one or more layers.
(LayerRef)
(any)
void
Sets the text-font
layout property for one or more layers.
(LayerRef)
(any)
void
Sets the text-halo-blur
paint property for one or more layers.
(LayerRef)
(any)
void
Sets the text-halo-color
paint property for one or more layers.
(LayerRef)
(any)
void
Sets the text-halo-width
paint property for one or more layers.
(LayerRef)
(any)
void
Sets the text-ignore-placement
layout property for one or more layers.
(LayerRef)
(any)
void
Sets the text-justify
layout property for one or more layers.
(LayerRef)
(any)
void
Sets the text-keep-upright
layout property for one or more layers.
(LayerRef)
(any)
void
Sets the text-letter-spacing
layout property for one or more layers.
(LayerRef)
(any)
void
Sets the text-line-height
layout property for one or more layers.
(LayerRef)
(any)
void
Sets the text-max-angle
layout property for one or more layers.
(LayerRef)
(any)
void
Sets the text-max-width
layout property for one or more layers.
(LayerRef)
(any)
void
Sets the text-offset
layout property for one or more layers.
(LayerRef)
(any)
void
Sets the text-opacity
paint property for one or more layers.
(LayerRef)
(any)
void
Sets the text-optional
layout property for one or more layers.
(LayerRef)
(any)
void
Sets the text-padding
layout property for one or more layers.
(LayerRef)
(any)
void
Sets the text-pitch-alignment
layout property for one or more layers.
(LayerRef)
(any)
void
Sets the text-radial-offset
layout property for one or more layers.
(LayerRef)
(any)
void
Sets the text-rotate
layout property for one or more layers.
(LayerRef)
(any)
void
Sets the text-rotation-alignment
layout property for one or more layers.
(LayerRef)
(any)
void
Sets the text-size
layout property for one or more layers.
(LayerRef)
(any)
void
Sets the text-transform
layout property for one or more layers.
(LayerRef)
(any)
void
Sets the text-translate
paint property for one or more layers.
(LayerRef)
(any)
void
Sets the text-translate-anchor
paint property for one or more layers.
(LayerRef)
(any)
void
Sets the text-variable-anchor
layout property for one or more layers.
(LayerRef)
(any)
void
Sets the text-writing-mode
layout property for one or more layers.
(LayerRef)
(any)
void
Sets the visibility
layout property for one or more layers.
(LayerRef)
(any)
void