You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Are there any examples of working heatmaps that change radius or intensity based on zoom level?
I can't seem to get that working with this package.
Here's my current layer:
<Layer
id="heatmap"
type="heatmap"
source="heatmapsource"
paint={{
// Increase the heatmap weight based on frequency and property magnitude
'heatmap-weight': [
'interpolate',
['linear'],
['get',
['affinity', 'popularity', 'weighted'].indexOf(heatmapType) > -1 ? heatmapType : 'weighted',
],
0,
0,
4,
1,
],
// Increase the heatmap color weight weight by zoom level
// heatmap-intensity is a multiplier on top of heatmap-weight
'heatmap-intensity': [
'interpolate',
['linear'],
['zoom'],
0,
1,
10,
3,
],
// Color ramp for heatmap. Domain is 0 (low) to 1 (high).
// Begin color ramp at 0-stop with a 0-transparancy color
// to create a blur-like effect.
'heatmap-color': [
'interpolate',
['linear'],
['heatmap-density'],
0,
'rgba(33,102,172,0)',
0.2,
'rgb(103,169,207)',
0.4,
'rgb(209,229,240)',
0.6,
'rgb(253,219,199)',
0.8,
'rgb(239,138,98)',
1,
'rgb(178,24,43)',
],
// Adjust the heatmap radius by zoom level
'heatmap-radius': [
'interpolate',
['linear'],
['zoom'],
0,
2,
9,
20,
],
// Transition from heatmap to circle layer by zoom level
'heatmap-opacity': [
'interpolate',
['linear'],
['zoom'],
7,
1,
9,
1,
],
}}
/>
The text was updated successfully, but these errors were encountered:
Are there any examples of working heatmaps that change radius or intensity based on zoom level?
I can't seem to get that working with this package.
Here's my current layer:
The text was updated successfully, but these errors were encountered: