diff --git a/src/components/grw-map/grw-map.scss b/src/components/grw-map/grw-map.scss index 1b3c11f..b5bd3ea 100644 --- a/src/components/grw-map/grw-map.scss +++ b/src/components/grw-map/grw-map.scss @@ -354,6 +354,20 @@ } } +.signage-marker { + overflow: hidden; + border-radius: 0%; + img { + width: 30% !important; + } + .signage-name { + margin-left: 8px; + color: white; + white-space: nowrap; + max-width: 50%; + } +} + .parking-marker { width: 100%; height: 100%; diff --git a/src/components/grw-map/grw-map.tsx b/src/components/grw-map/grw-map.tsx index 9376239..9b03e1f 100644 --- a/src/components/grw-map/grw-map.tsx +++ b/src/components/grw-map/grw-map.tsx @@ -2450,12 +2450,12 @@ export class GrwMap { } this.currentSignagesLayer = L.geoJSON(currentSignagesFeatureCollection, { - pointToLayer: (_geoJsonPoint, latlng) => + pointToLayer: (geoJsonPoint, latlng) => L.marker(latlng, { icon: L.divIcon({ - html: `
`, + html: `