diff --git a/src/app/map/components/map.component.scss b/src/app/map/components/map.component.scss index 9384e8a7b934ad971a673bb327a620509bf21eb9..0c3ea79c1a82fca613f905de8ac1d9194b7c3551 100644 --- a/src/app/map/components/map.component.scss +++ b/src/app/map/components/map.component.scss @@ -60,8 +60,6 @@ stroke-width: unset !important; } } - margin-top: 0 !important; - margin-left: -21px !important; } ::ng-deep .leaflet-popup { diff --git a/src/app/map/services/map.service.ts b/src/app/map/services/map.service.ts index e5b7ebdfe0713d7ba92d4f8089b031b3d66f8d5d..f2664c53f8930b86ab02c9189dd352879a4f53c9 100644 --- a/src/app/map/services/map.service.ts +++ b/src/app/map/services/map.service.ts @@ -10,26 +10,28 @@ export class MapService { public markerIconHover = divIcon({ className: null, html: '<svg width="40" height="46"><use xlink:href="assets/ico/sprite.svg#map-marker-locate"></use></svg>', - iconSize: [35, 41], - iconAnchor: [13, 41], + iconSize: [40, 46], + iconAnchor: [20, 46], + popupAnchor: [0, -46], }); public markerIcon = divIcon({ className: null, html: '<svg width="40" height="46"><use xlink:href="assets/ico/sprite.svg#map-marker"></use></svg>', - iconSize: [35, 41], - iconAnchor: [13, 41], + iconSize: [40, 46], + iconAnchor: [20, 46], + popupAnchor: [0, -46], }); public markerIconMdm = divIcon({ className: null, html: '<svg width="19" height="24"><use xlink:href="assets/ico/sprite.svg#mdm"></use></svg>', iconSize: [19, 24], - iconAnchor: [19, 24], + iconAnchor: [9, 0], }); public markerIconMdmHover = divIcon({ className: null, html: '<svg width="19" height="24"><use xlink:href="assets/ico/sprite.svg#mdm-hover"></use></svg>', iconSize: [19, 24], - iconAnchor: [19, 24], + iconAnchor: [9, 0], }); constructor() {}