https://github.com/datawan-labs/maps

Collection of full planet vector basemap styles designed for use with Maplibre-GL and Mapbox-GL
https://github.com/datawan-labs/maps

basemaps gis mapbox maplibre mapstyle openstreetmap protomaps react-map-gl

Last synced: 3 days ago
JSON representation

Collection of full planet vector basemap styles designed for use with Maplibre-GL and Mapbox-GL

• Host: GitHub
• URL: https://github.com/datawan-labs/maps
• Owner: datawan-labs
• License: mit
• Created: 2024-06-08T21:45:08.000Z (7 months ago)
• Default Branch: master
• Last Pushed: 2024-12-30T03:23:16.000Z (4 days ago)
• Last Synced: 2024-12-30T04:19:38.033Z (4 days ago)
• Topics: basemaps, gis, mapbox, maplibre, mapstyle, openstreetmap, protomaps, react-map-gl
• Language: TypeScript
• Homepage: https://maps.datawan.id
• Size: 9.63 MB
• Stars: 4
• Watchers: 3
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Datawan Maps

![Datawan Maps](./public/og.png)

This project provides a collection of full planet vector basemap styles designed for use with [Maplibre-GL](https://maplibre.org/) and [Mapbox-GL](https://docs.mapbox.com/mapbox-gl-js/guides/). All styles are based on OpenStreetMap data with [Tilezen](https://tilezen.readthedocs.io/en/latest/layers/) vector tiles and are deployed with [PMTiles](https://github.com/protomaps/PMTiles). These styles are **free to use for non-commercial projects**.

## Deployment & Stack

To deploy styles, you first need to set up your PMTiles. Follow the [official documentation](https://docs.protomaps.com/guide/getting-started) to get start. In this project, PMTiles data is stored in S3-compatible storage, such as AWS S3, DigitalOcean Spaces, Cloudflare R2, or similar services. Static assets, such as glyphs, styles, and sprites, also for landing page, are deployed using a Cloudflare Worker with [static assets](https://developers.cloudflare.com/workers/static-assets/routing/), alongside the main worker, which transforms XYZ URLs to tile requests by accessing PMTiles data from S3 storage. This setup allows us to cache non-tile URLs as static assets, and optimize XYZ URL requests to minimize sub-requests to S3.

![alt text](./docs/stack.png)

To deploy, you need to set the following environment variables in cloudflare config:

| Variable            | Type   | Description                                 |

| ------------------- | ------ | ------------------------------------------- |

| `BUCKET`            | string | Name of your S3 Buckets                     |

| `ACCESS_KEY_ID`     | string | Access key ID for your storage provider     |

| `SECRET_ACCESS_KEY` | string | Secret access key for your storage provider |

> If you want to self host your styles, make sure you change all source url in [all styles](./maps/styles/) to your urls.

## Styles

We provide 11 styles, and all styles based on [protomaps basemaps](https://github.com/protomaps/basemaps), including glyphs and sprites.

- Light

- Dark

- Black

- White

- Grayscale

- Light No Label

- Dark No Label

- Black No Label

- White No Label

- Grayscale No Label

- Light 3D

- _(soon...)_

|                                        |                                        |                                                |

| -------------------------------------- | -------------------------------------- | ---------------------------------------------- |

| ![Light Style](./src/assets/light.png) | ![White Style](./src/assets/white.png) | ![Grayscale Style](./src/assets/grayscale.png) |

| ![Dark Style](./src/assets/dark.png)   | ![Light 3D](./src/assets/light-3d.png) | ![Black Style](./src/assets/black.png)         |

## Attribution

You must add attribution if you use any of these styles. At least, include OpenStreetMap contributors, or full attribution

```html

Datawan | Protomaps © OpenStreetMap

```