The LightMap component provides the light-themed tile layer used as the base map when the application is in light mode.

Purpose

This layer offers a clean, low-contrast map style that matches the application’s light theme. It maintains visual consistency and readability while ensuring the map does not horizontally repeat.

File Structure

This component lives in the layers directory, alongside other base map layers like DarkMap.

src/
├── Components/
│   └── layers/
│       └── LightMap/
│           ├── LightMap.tsx
│           └── LightMap.test.tsx

Behavior Summary

• Loads a CartoDB light-style tile layer using Leaflet.
• Disables horizontal tile wrapping to avoid duplicated visuals.
• Included conditionally based on the current theme in the WorldMap view.

Testing

Unit tests confirm that the correct tile source URL, attribution, and tile-wrapping configuration are passed to Leaflet’s TileLayer, using mocks to avoid real tile loading.