Skip to main content

Visualização e estilo do mapa

Sua marca.
Até a última rua.

Dê aos seus mapas uma aparência que pareça com você. Molde estilos de mapa personalizados, simplifique rótulos e camadas e exiba seus próprios dados.

Estúdio de estiloCarregando visualização
Amsterdam 52.372° N · 4.894° E

Faça com que seja seu

Uma nova perspectiva.
Em alguns cliques.

Configurações de estilo do mapa
Escolha um ponto de partida
Encontre suas cores
Mantenha o que importa

As camadas de dados usam locais de amostra ilustrativos.

Ver paleta 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
}
Paletas personalizadas Camadas de dados flexíveis Interativo por design

Projetado para pertencer

Um mapa faz parte do seu produto.
Faça com que pareça assim.

Da primeira impressão ao menor rótulo, construa uma linguagem visual que funcione com o resto da sua experiência.

Cada camada.
Sua linguagem de design.

Traga estradas, água e espaços verdes para sua paleta. Dê aos rótulos espaço para respirar. Guarde os detalhes que ajudam as pessoas a encontrar o caminho.

Seus dados.
Exatamente onde pertence.

Transforme um mapa em sua própria tela de trabalho. Adicione locais, destaque uma área ou revele padrões com um mapa térmico.

Ilustração de mapa plano com pontos de localização, uma rota azul, um limite de área e controles de camada

Da ideia à interface

Encontre o seu visual.
Incorpore-o em seu aplicativo.

Comece com um mapa claro. Faça o seu próprio. Conecte-o à experiência que você está construindo.

Explorar a documentação
  1. 01

    Escolha o seu ponto de partida

    Escolha uma paleta adequada ao seu produto, desde um mapa limpo do dia a dia até uma visão escura focada.

  2. 02

    Coloque os detalhes em foco

    Refine cores e rótulos. Adicione os marcadores, rotas e áreas que seus usuários precisam.

  3. 03

    Conecte seu aplicativo

    Use dados de mapa MapAtlas com MapLibre GL e sua própria configuração de estilo. Mantenha seu design e dados trabalhando juntos.

Um pouco mais de detalhe

Boas perguntas.
Respostas claras.

Pergunte à nossa equipe
O que posso personalizar em um mapa MapAtlas?

Você pode estilizar as cores das estradas, águas, parques e edifícios, ajustar rótulos e escolher quais camadas aparecem. Adicione seus próprios marcadores, pop-ups e dados geográficos para adequar o mapa à sua aplicação.

Posso criar estilos de mapa claro e escuro?

Sim. Use paletas diferentes para experiências diferentes, como um mapa claro para navegação e um mapa escuro para um painel. Experimente Atlas claro, Grafite e Marfim quente na visualização acima.

Posso adicionar meus próprios dados ao mapa?

Sim. Use fontes GeoJSON e camadas de mapas para exibir locais, rotas, áreas e mapas de calor. A visualização utiliza dados ilustrativos; seu aplicativo fornece os locais e atributos que você deseja mostrar.

A visualização altera os dados subjacentes do mapa?

Não. As predefinições alteram a apresentação do mesmo mapa. Sua localização e zoom permanecem no lugar conforme você altera a paleta, os rótulos ou os edifícios visíveis.

O que inclui “Copiar paleta JSON”?

Ele copia as cores e as opções de visibilidade da camada desta visualização. É um ponto de partida para o seu próprio estilo, não um arquivo completo de estilo de mapa. Seu aplicativo ainda precisa de fontes de mapas, definições de camada e credenciais de API.

Como posso começar?

Crie uma conta MapAtlas, escolha as APIs de mapeamento necessárias e conecte um mapa ao seu aplicativo. Use a documentação para obter detalhes de integração e a página de preços para obter licenças de nível gratuito atuais. Nossa equipe pode ajudar com requisitos de estilo e dados.

Deixe sua marca no mapa

Como será o seu mapa?

Suas cores. Seus dados. Um mapa que parece pertencer ao seu produto.