{% extends "base.html" %}
{% block legend %}
document.getElementById('legend').style.visibility = 'hidden';
{% endblock legend %}
{% block map %}
map.on('style.load', function() {
map.addSource("data", {
"type": "geojson",
"data": {{ geojson_data }}, //data from dataframe output to geojson
"buffer": 0,
"maxzoom": 14
});
map.addLayer({
"id": "circle",
"source": "data",
"type": "heatmap",
"maxzoom": {{ maxzoom }},
"minzoom": {{ minzoom }},
"paint": {
{% if radiusStops %}
"heatmap-radius": generatePropertyExpression('interpolate', 'zoom', {{ radiusStops }}),
{% endif %}
{% if weightProperty and weightStops %}
"heatmap-weight": generateInterpolateExpression( "{{ weightProperty }}", {{ weightStops }} ),
{% endif %}
{% if intensityStops %}
"heatmap-intensity": generateInterpolateExpression('zoom', {{ intensityStops }} ),
{% endif %}
{% if colorStops %}
"heatmap-color" : generateInterpolateExpression('heatmap-density', {{ colorStops }} ),
{% endif %}
"heatmap-opacity" : {{ opacity }}
}
}, "{{belowLayer}}" );
});
{% endblock map %}