{% extends "base.html" %} {% block legend %}{% endblock legend %} {% block map %} map.on('style.load', function() { {% block heatmap %} map.addSource("data", { "type": "geojson", "data": {{ geojson_data }}, //data from dataframe output to geojson "buffer": 0, "maxzoom": 14 }); map.addLayer({ "id": "heatmap", "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 heatmap %} }); {% endblock map %}