The DarkMap component provides the dark-themed tile layer used as the visual base for the world map when the application is in dark mode.

Purpose

This layer enhances the visual contrast of the map and aligns with the dark theme UI. It ensures consistent rendering without horizontal wrapping of map tiles.

File Structure

The component is placed in the layers folder alongside other map-related visual layers:

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

Behavior Summary

• Displays a CartoDB dark tile layer using Leaflet.
• Prevents horizontal tile repetition for better map control.
• Automatically adapts to the dark theme when included in hte WorldMap view.

Testing

Unit tests confirm that the correct tile source and configuration props are passed to Leaflet’s TileLayer component without rendering actual map content.