tbianchini/shopit-front
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

refactor(map): change map style from minimal-light to standard across components

Browse Source
This commit is contained in:
ncoronel
2026-09-21 11:08:53 -03:00
parent acac2858c3
commit f6ff91ff3b
5 changed files with 6 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/app/features/componentes-test/pages/reutilizables-test-page/reutilizables-test-page.component.html
View File

@@ -706,7 +706,7 @@
<app-location-map <app-location-map
[locations]="mapLocations" [locations]="mapLocations"
[markerColor]="tenant()?.primary_color ?? '#24a9e0'" [markerColor]="tenant()?.primary_color ?? '#24a9e0'"
mapStyle="minimal-light" mapStyle="standard"
ariaLabel="Mapa de puntos de atención en Rosario" ariaLabel="Mapa de puntos de atención en Rosario"
/> />
</div> </div>

2
src/app/features/store/pages/event-detail-page/event-detail-page.component.html
View File

@@ -37,7 +37,7 @@
class="event-detail__map" class="event-detail__map"
[locations]="mapLocations()" [locations]="mapLocations()"
ariaLabel="Ubicación del evento" ariaLabel="Ubicación del evento"
mapStyle="minimal-light" mapStyle="standard"
/> />
} }
</aside> </aside>

2
src/app/features/store/pages/help-page/pages/contact-page/contact-page.html
View File

@@ -45,7 +45,7 @@
class="contact-page__map" class="contact-page__map"
[locations]="contact().mapLocations" [locations]="contact().mapLocations"
[markerColor]="markerColor()" [markerColor]="markerColor()"
mapStyle="minimal-light" mapStyle="standard"
ariaLabel="Mapa de sucursales y puntos de atención" ariaLabel="Mapa de sucursales y puntos de atención"
/> />
} }

2
src/app/features/store/pages/help-page/pages/contact-page/contact-page.spec.ts
View File

@@ -128,7 +128,7 @@ describe('ContactPage', () => {
); );
expect(map).not.toBeNull(); expect(map).not.toBeNull();
expect(map?.getAttribute('mapstyle')).toBe('minimal-light'); expect(map?.getAttribute('mapstyle')).toBe('standard');
expect(accessibleLocations).toHaveLength(2); expect(accessibleLocations).toHaveLength(2);
expect(map?.textContent).toContain('Gigante de Arroyito'); expect(map?.textContent).toContain('Gigante de Arroyito');
expect(map?.textContent).toContain('Telepagos'); expect(map?.textContent).toContain('Telepagos');

10
src/app/shared/components/location-map/location-map.component.ts
View File

@@ -13,7 +13,7 @@ import {
} from '@angular/core'; } from '@angular/core';
import type { LayerGroup, Map as LeafletMap, LatLngBounds, LatLngTuple, TileLayer } from 'leaflet'; import type { LayerGroup, Map as LeafletMap, LatLngBounds, LatLngTuple, TileLayer } from 'leaflet';
export type MapStyle = 'minimal-light' | 'standard'; export type MapStyle = 'standard';
const MAP_LAYERS: Record< const MAP_LAYERS: Record<
MapStyle, MapStyle,
@@ -23,12 +23,6 @@ const MAP_LAYERS: Record<
maxZoom: number; maxZoom: number;
} }
> = { > = {
'minimal-light': {
url: 'https://{s}.basemaps.cartocdn.com/light_all/{z}/{x}/{y}{r}.png',
attribution:
'&copy; <a href="https://www.openstreetmap.org/copyright">OpenStreetMap</a> contributors &copy; <a href="https://carto.com/attributions">CARTO</a>',
maxZoom: 20,
},
standard: { standard: {
url: 'https://tile.openstreetmap.org/{z}/{x}/{y}.png', url: 'https://tile.openstreetmap.org/{z}/{x}/{y}.png',
attribution: attribution:
@@ -56,7 +50,7 @@ export class LocationMapComponent implements AfterViewInit, OnChanges, OnDestroy
@Input() fallbackCenter: LatLngTuple = [-32.94682, -60.63932]; @Input() fallbackCenter: LatLngTuple = [-32.94682, -60.63932];
@Input() fallbackZoom = 13; @Input() fallbackZoom = 13;
@Input() maxFitZoom = 15; @Input() maxFitZoom = 15;
@Input() mapStyle: MapStyle = 'minimal-light'; @Input() mapStyle: MapStyle = 'standard';
@Input() markerColor = '#24a9e0'; @Input() markerColor = '#24a9e0';
@ViewChild('mapContainer', { static: true }) @ViewChild('mapContainer', { static: true })