> For the complete documentation index, see [llms.txt](https://codifi-fdm.gitbook.io/codifi-docs/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://codifi-fdm.gitbook.io/codifi-docs/web-app/map-setup-and-offline-areas/map-overlays/adding-map-overlays.md).

# Adding Map Overlays

Map Overlays are configured in the Project Settings on the Web. Follow the example to navigate to **Map Data Overlays** in the Project Settings.

<figure><img src="https://3544178300-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FJ8P3pqhxdFwQkIOjOUut%2Fuploads%2FyD1bJbS6sJhOAgZiF0jK%2FStep%201%20(1).gif?alt=media&amp;token=fe2541a6-a57f-480f-bff5-ab096c8188a3" alt=""><figcaption></figcaption></figure>

Next, press the **+ button** and upload a GeoJSON file. The file will be parsed, processed, and converted into proprietary Map Overlays, bundling the associated data table for each geometry layer along with its styles. These overlays are automatically kept in sync with any changes made in the Project settings and are seamlessly downloaded for offline use in the mobile app, ensuring consistent access across all platforms.

<figure><img src="https://3544178300-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FJ8P3pqhxdFwQkIOjOUut%2Fuploads%2FVFipRSw3vyIwZ1oIgQRW%2FStep%202.gif?alt=media&amp;token=d84c0b6f-6bf7-4236-b1b8-67abea5f28b5" alt=""><figcaption></figcaption></figure>

Next, we'll add styles to your **Map Overlays**.