Skip to main content

Map visualization & styling

Your brand.
Down to the last street.

Give your maps a look that feels like you. Shape custom map styles, simplify labels and layers, and bring your own data into view.

Style studioLoading preview
Amsterdam 52.372° N · 4.894° E

Make it yours

A new perspective.
In a few clicks.

Map style settings
Choose a starting point
Find your colours
Keep what matters

Data layers use illustrative sample locations.

View palette JSON
{
  "name": "Atlas light",
  "description": "Clear, calm and ready for anything.",
  "land": "#f2f1ed",
  "water": "#b7d7e4",
  "parks": "#d2dfc5",
  "buildings": true,
  "roads": "#ffffff",
  "main": "#fff9e9",
  "text": "#4c5c62",
  "halo": "#fafaf7",
  "boundary": "#bac3bf",
  "labels": true
}
Custom palettes Flexible data layers Interactive by design

Designed to belong

A map is part of your product.
Make it feel that way.

From the first impression to the smallest label, build a visual language that works with the rest of your experience.

Every layer.
Your design language.

Bring roads, water and green spaces into your palette. Give labels room to breathe. Keep the details that help people find their way.

Your data.
Right where it belongs.

Turn a map into your own working canvas. Add locations, highlight an area or reveal patterns with a heatmap.

Flat map illustration with location dots, a blue route, an area boundary and layer controls

From idea to interface

Find your look.
Build it into your app.

Start with a clear map. Make it your own. Connect it to the experience you’re building.

Explore the documentation
  1. 01

    Choose your starting point

    Pick a palette that fits your product, from a clean everyday map to a focused dark view.

  2. 02

    Bring the details into focus

    Refine colours and labels. Add the markers, routes and areas your users need.

  3. 03

    Connect your application

    Use MapAtlas map data with MapLibre GL and your own style configuration. Keep your design and data working together.

A little more detail

Good questions.
Clear answers.

Ask our team
What can I customise on a MapAtlas map?

You can style the colours of roads, water, parks and buildings, adjust labels and choose which layers appear. Add your own markers, popups and geographic data to make the map fit your application.

Can I create both light and dark map styles?

Yes. Use different palettes for different experiences, such as a light map for browsing and a dark map for a dashboard. Try Atlas light, Graphite and Warm ivory in the preview above.

Can I add my own data to the map?

Yes. Use GeoJSON sources and map layers to display locations, routes, areas and heatmaps. The preview uses illustrative data; your application supplies the locations and attributes you want to show.

Does the preview change the underlying map data?

No. The presets change the presentation of the same map. Your location and zoom stay in place as you change the palette, labels or visible buildings.

What does “Copy palette JSON” include?

It copies the colours and layer-visibility choices from this preview. It is a starting point for your own style, not a complete map style file. Your application still needs its map sources, layer definitions and API credentials.

How do I get started?

Create a MapAtlas account, choose the mapping APIs you need and connect a map to your application. Use the documentation for integration details and the pricing page for current free-tier allowances. Our team can help with styling and data requirements.

Make your mark on the map

What will your map look like?

Your colours. Your data. A map that feels at home.