show all stores, and their respective polygons

18 files changed, 46 insertions, 4 deletions

diff --git a/src/static/icons/365discount.png b/src/static/icons/365discount.png
new file mode 100644
index 0000000..afc5c5b
--- /dev/null
+++ b/src/static/icons/365discount.png
diff --git a/src/static/icons/Brugsen.png b/src/static/icons/Brugsen.png
new file mode 100644
index 0000000..5a36aa1
--- /dev/null
+++ b/src/static/icons/Brugsen.png
diff --git a/src/static/icons/Dagli'Brugsen.png b/src/static/icons/Dagli'Brugsen.png
new file mode 100644
index 0000000..854c686
--- /dev/null
+++ b/src/static/icons/Dagli'Brugsen.png
diff --git a/src/static/icons/Føtex Food.png b/src/static/icons/Føtex Food.png
new file mode 100644
index 0000000..6b0711a
--- /dev/null
+++ b/src/static/icons/Føtex Food.png
diff --git a/src/static/icons/Føtex.png b/src/static/icons/Føtex.png
new file mode 100644
index 0000000..86c3f60
--- /dev/null
+++ b/src/static/icons/Føtex.png
diff --git a/src/static/icons/Kvickly.png b/src/static/icons/Kvickly.png
new file mode 100644
index 0000000..81e3fee
--- /dev/null
+++ b/src/static/icons/Kvickly.png
diff --git a/src/static/icons/Lidl.png b/src/static/icons/Lidl.png
new file mode 100644
index 0000000..f80f7f8
--- /dev/null
+++ b/src/static/icons/Lidl.png
diff --git a/src/static/icons/Løvbjerg.png b/src/static/icons/Løvbjerg.png
new file mode 100644
index 0000000..6549a3e
--- /dev/null
+++ b/src/static/icons/Løvbjerg.png
diff --git a/src/static/icons/Meny.png b/src/static/icons/Meny.png
new file mode 100644
index 0000000..5496f23
--- /dev/null
+++ b/src/static/icons/Meny.png
diff --git a/src/static/icons/Min Købmand.png b/src/static/icons/Min Købmand.png
new file mode 100644
index 0000000..55bad2a
--- /dev/null
+++ b/src/static/icons/Min Købmand.png
diff --git a/src/static/icons/Netto.png b/src/static/icons/Netto.png
new file mode 100644
index 0000000..50a8001
--- /dev/null
+++ b/src/static/icons/Netto.png
diff --git a/src/static/icons/Rema 1000.png b/src/static/icons/Rema 1000.png
new file mode 100644
index 0000000..e73b99a
--- /dev/null
+++ b/src/static/icons/Rema 1000.png
diff --git a/src/static/icons/Spar.png b/src/static/icons/Spar.png
new file mode 100644
index 0000000..cc88bb6
--- /dev/null
+++ b/src/static/icons/Spar.png
diff --git a/src/static/icons/SuperBrugsen.png b/src/static/icons/SuperBrugsen.png
new file mode 100644
index 0000000..d7e6e88
--- /dev/null
+++ b/src/static/icons/SuperBrugsen.png
diff --git a/src/static/icons/Unknown.png b/src/static/icons/Unknown.png
new file mode 100644
index 0000000..4209ecf
--- /dev/null
+++ b/src/static/icons/Unknown.png
diff --git a/src/static/images/marker-icon.png b/src/static/images/marker-icon.png
deleted file mode 100644
index 950edf2..0000000
--- a/src/static/images/marker-icon.png
+++ /dev/null
diff --git a/src/static/images/marker-shadow.png b/src/static/images/marker-shadow.png
deleted file mode 100644
index 9fd2979..0000000
--- a/src/static/images/marker-shadow.png
+++ /dev/null
diff --git a/src/static/main.js b/src/static/main.js
index 24d0edf..405f455 100644
--- a/src/static/main.js
+++ b/src/static/main.js
@@ -4,15 +4,46 @@ L.tileLayer('https://tile.openstreetmap.org/{z}/{x}/{y}.png', {
     attribution: '&copy; <a href="http://www.openstreetmap.org/copyright">OpenStreetMap</a>'
 }).addTo(map);
 
+let known_store_chains;
+let icons = {};
+
+async function fetchChains() {
+    const response = await fetch("chains");
+    known_store_chains = await response.json();
+
+    icons["Unknown"] = L.icon({
+        iconUrl: 'icons/Unknown.png',
+        iconSize: [10, 16],
+        iconAnchor: [16, 16],
+    });
+
+    for (let known_store_chain of known_store_chains) {
+        icons[known_store_chain] = L.icon({
+            iconUrl: `icons/${known_store_chain}.png`,
+            iconAnchor: [8, 8],
+        });
+    }
+
+    fetchShops();
+}
 
 function addMarker(shop) {
-    L.marker([shop.lat, shop.long], {title: shop.name, }).addTo(map);
+    let icon;
+
+    if (known_store_chains.includes(shop.brand)){
+        icon = icons[shop.brand];
+    } else {
+        icon = icons["Unknown"];
+    }
+
+    L.marker([shop.lat, shop.long], {
+        title: shop.name,
+        icon: icon,
+    }).addTo(map);
 }
 
 function addPolygon(polygon) {
     L.polygon(polygon, {color: 'red'}).addTo(map);
-
-    console.log(polygon.coordinates)
 }
 
 
@@ -22,11 +53,22 @@ async function fetchShops() {
   shops.forEach((shop) => addMarker(shop));
 }
 
-fetchShops()
 
 async function fetch_voronoi_polygons() {
   const response = await fetch("voronoi_polygons.json");
   const voronoi_polygons = await response.json();
   voronoi_polygons.forEach((polygon) => addPolygon(polygon));
 }
+
+function update(){
+    if (map.getZoom() >= 14){
+        //console.log('update')
+    }
+}
+
+map.on('moveend', function() {
+    update()
+});
+
+fetchChains()
 fetch_voronoi_polygons()
\ No newline at end of file