diff --git a/src/Components/Map/UtopiaMap.css b/src/Components/Map/UtopiaMap.css index 5ab6dc05..a1f1a014 100644 --- a/src/Components/Map/UtopiaMap.css +++ b/src/Components/Map/UtopiaMap.css @@ -134,6 +134,27 @@ left: 4px; width: 24px; } + + .shop-icon { + position: relative; + top: -34px; + left: 4px; + width: 24px; + } + + .plant-icon { + position: relative; + top: -34px; + left: 4px; + width: 24px; + } + + .circle-dot-icon { + position: relative; + top: -36px; + left: 4px; + width: 24px; + } .leaflet-popup-scrolled { overflow-x: hidden; diff --git a/src/Utils/MarkerIconFactory.ts b/src/Utils/MarkerIconFactory.ts index 6de46870..9769dd5f 100644 --- a/src/Utils/MarkerIconFactory.ts +++ b/src/Utils/MarkerIconFactory.ts @@ -61,6 +61,14 @@ const addIcon = (icon: string) => { return '' case 'network': return '' + case 'crosshair': + return '' + case 'shop': + return '' + case 'plant': + return '' + case 'circle-dot': + return '' default: return '' }