From f45de7f278cbcd4ab10dfdca66ceafbbb30b0be6 Mon Sep 17 00:00:00 2001
From: secondl1ght <85003930+secondl1ght@users.noreply.github.com>
Date: Fri, 16 Sep 2022 22:50:17 -0600
Subject: add new locations to map

---
 src/components/LocationsMap.svelte | 69 +++++++++++++++++++++++++-------------
 1 file changed, 46 insertions(+), 23 deletions(-)

(limited to 'src/components/LocationsMap.svelte')

diff --git a/src/components/LocationsMap.svelte b/src/components/LocationsMap.svelte
index fe9dadfe..e3e12ee2 100644
--- a/src/components/LocationsMap.svelte
+++ b/src/components/LocationsMap.svelte
@@ -14,16 +14,16 @@
 			const myCustomColour = 'orange';
 
 			const markerHtmlStyles = `
-  background-color: ${myCustomColour};
-  width: 3rem;
-  height: 3rem;
-  display: block;
-  left: -1.5rem;
-  top: -1.5rem;
-  position: relative;
-  border-radius: 3rem 3rem 0;
-  transform: rotate(45deg);
-  border: 1px solid #FFFFFF`;
+			  background-color: ${myCustomColour};
+			  width: 3rem;
+			  height: 3rem;
+			  display: block;
+			  left: -1.5rem;
+			  top: -1.5rem;
+			  position: relative;
+			  border-radius: 3rem 3rem 0;
+			  transform: rotate(45deg);
+			  border: 1px solid #FFFFFF`;
 
 			const icon = L.divIcon({
 				className: 'my-custom-pin',
@@ -33,6 +33,35 @@
 				html: `<span style="${markerHtmlStyles}" />`
 			});
 
+			const locations = [
+				{
+					lat: 49.27034,
+					long: -123.141373,
+					info: 'Rolf Vancouver <br> 1628 W 1st Ave #231, Vancouver <br> <a href="https://www.rolfbodywork.com" target="_blank" rel="noreferrer">www.rolfbodywork.com</a>'
+				},
+				{ lat: 49.26419, long: -123.15702, info: 'Tacos Jorge <br> 2287 W Broadway, Vancouver' },
+				{
+					lat: 49.28273,
+					long: -123.120735,
+					info: 'Engage Strategies <br> <a href="https://www.linkedin.com/in/shauna-collister-32905214" target="_blank" rel="noreferrer">LinkedIn</a>'
+				},
+				{
+					lat: 49.28134,
+					long: -123.02373,
+					info: 'Lumota Collection <br> Clothing Design/Upcycling - Appointment Only <br> <a href="tel:778-726-3776">778-726-3776</a> <br> 369 Boundary Rd, Vancouver, BC V5K 2B1 <br> <a href="https://www.instagram.com/lumotacollection/" target="_blank" rel="noreferrer">IG: Lumotacollection</a> <br> <a href="https://www.facebook.com/LumotaCollection/posts" target="_blank" rel="noreferrer">FB: Lumotacollection</a>'
+				},
+				{
+					lat: 49.22643,
+					long: -122.93085,
+					info: 'Goodwin Contracting <br> Project Management/Consulting - Appointment Only <br> <a href="tel:403-812-1085">403-812-1085</a> <br> 8017 17th Ave, Burnaby, BC V3N 1M5'
+				},
+				{
+					lat: 51.04813,
+					long: -114.07999,
+					info: 'Goodwin Contracting <br> Project Management/Consulting - Appointment Only <br> 403-812-1085 <br> 8017 17th Ave, Burnaby, BC V3N 1M5'
+				}
+			];
+
 			leaflet
 				.tileLayer('https://stamen-tiles-{s}.a.ssl.fastly.net/toner/{z}/{x}/{y}.png', {
 					maxZoom: 19,
@@ -40,19 +69,13 @@
 				})
 				.addTo(map);
 
-			leaflet
-				.marker([49.27034, -123.141373])
-				.addTo(map)
-				.bindPopup(
-					'Rolf Vancouver <br> 1628 W 1st Ave #231, Vancouver <br> <a href="https://www.rolfbodywork.com" target="_blank" rel="noreferrer">www.rolfbodywork.com</a>'
-				)
-				._icon.classList.add('huechange');
-
-			leaflet
-				.marker([49.26419, -123.15702])
-				.addTo(map)
-				.bindPopup('Tacos Jorge <br> 2287 W Broadway, Vancouver')
-				._icon.classList.add('huechange');
+			locations.forEach((location) => {
+				leaflet
+					.marker([location.lat, location.long])
+					.addTo(map)
+					.bindPopup(location.info)
+					._icon.classList.add('huechange');
+			});
 		}
 	});
 
-- 
cgit v1.2.3