diff options
| author | secondl1ght <[email protected]> | 2022-09-16 22:50:17 -0600 |
|---|---|---|
| committer | Adam Soltys <[email protected]> | 2022-09-24 09:05:08 -0700 |
| commit | f45de7f278cbcd4ab10dfdca66ceafbbb30b0be6 (patch) | |
| tree | b417b694978ae14e45ba7964969a43e148b16dfd /src/components | |
| parent | fa84b10a331a2d22e8aea3c79bfd5df403c55771 (diff) | |
| download | coinos-ui-f45de7f278cbcd4ab10dfdca66ceafbbb30b0be6.tar.gz coinos-ui-f45de7f278cbcd4ab10dfdca66ceafbbb30b0be6.zip | |
add new locations to map
Diffstat (limited to 'src/components')
| -rw-r--r-- | src/components/LocationsMap.svelte | 69 |
1 files changed, 46 insertions, 23 deletions
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'); + }); } }); |