add store heatmap

1 files changed, 15 insertions, 3 deletions

diff --git a/src/static/main.js b/src/static/main.js
index 26ba90b..27fa2eb 100644
--- a/src/static/main.js
+++ b/src/static/main.js
@@ -8,9 +8,13 @@ let known_store_chains;
 let icons = {};
 
 var markers =  L.featureGroup().addTo(map);
+var polygons =  L.featureGroup().addTo(map);
+var heatmap =  L.featureGroup().addTo(map);
 
 var overlayMaps = {
-    "Icons": markers
+    "Icons": markers,
+    "Polygons": polygons,
+    "Heatmap": heatmap
 };
 
 var layerControl = L.control.layers({},overlayMaps).addTo(map);
@@ -40,7 +44,7 @@ function addPolygon(store) {
     } else {
         color = 'grey';
     }
-    L.polygon(store.polygon, {color: color}).addTo(map);
+    L.polygon(store.polygon, {color: color}).addTo(polygons);
 }
 
 function addShop(shop) {
@@ -66,6 +70,12 @@ async function fetchAll() {
   shops.forEach((shop) => addShop(shop));
 }
 
+async function fetchShopHeatmap() {
+    const response = await fetch("stores.json");
+    const shops = await response.json();
+    var heat = L.heatLayer(shops, {radius: 30}).addTo(heatmap);
+}
+
 
 async function fetch_voronoi_polygons() {
   const response = await fetch("voronoi_polygons.json");
@@ -83,4 +93,6 @@ map.on('moveend', function() {
     update()
 });
 
-fetchChains()
\ No newline at end of file
+fetchChains()
+
+fetchShopHeatmap();