Skip to main content

Visualización y estilo de mapas

Tu marca.
Hasta la última calle.

Dale a tus mapas un estilo propio. Diseña estilos personalizados, simplifica etiquetas y capas, y muestra tus propios datos.

Estudio de estilosCargando vista previa
Amsterdam 52.372° N · 4.894° E

Hazlo tuyo

Una nueva perspectiva.
En unos pocos clics.

Configuración del estilo del mapa
Elige un punto de partida
Elige tus colores
Conserva lo importante

Las capas usan ubicaciones de ejemplo.

Ver JSON de la paleta
{
  "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 Capas de datos flexibles Interactividad desde el diseño

Diseñado para encajar

El mapa es parte de tu producto.
Haz que se note.

Desde la primera impresión hasta la etiqueta más pequeña, crea un lenguaje visual coherente con toda tu experiencia.

Cada capa.
Tu lenguaje de diseño.

Incorpora carreteras, agua y zonas verdes a tu paleta. Da aire a las etiquetas y conserva los detalles que ayudan a orientarse.

Tus datos.
Donde deben estar.

Convierte el mapa en tu propio lienzo de trabajo. Añade ubicaciones, destaca un área o descubre patrones con un mapa de calor.

Ilustración plana de un mapa con puntos, ruta azul, límite de área y controles de capas

De la idea a la interfaz

Encuentra tu estilo.
Intégralo en tu aplicación.

Empieza con un mapa claro. Hazlo tuyo. Conéctalo a la experiencia que estás creando.

Explorar la documentación
  1. 01

    Elige tu punto de partida

    Elige una paleta que se adapte a tu producto, desde un mapa cotidiano limpio hasta una vista oscura enfocada.

  2. 02

    Enfoca los detalles

    Refina los colores y las etiquetas. Añade los marcadores, rutas y áreas que necesitan tus usuarios.

  3. 03

    Conecta tu aplicación

    Utiliza los datos de mapas de MapAtlas con MapLibre GL y tu propia configuración de estilo. Mantén tu diseño y tus datos trabajando juntos.

Un poco más de detalle

Buenas preguntas.
Respuestas claras.

Preguntar a nuestro equipo
¿Qué puedo personalizar en un mapa MapAtlas?

Puedes diseñar los colores de las carreteras, el agua, los parques y los edificios, ajustar las etiquetas y elegir qué capas aparecen. Añade tus propios marcadores, ventanas emergentes y datos geográficos para que el mapa se ajuste a tu aplicación.

¿Puedo crear estilos de mapa tanto claros como oscuros?

Sí. Utiliza diferentes paletas para diferentes experiencias, como un mapa claro para navegar y un mapa oscuro para un tablero. Prueba Atlas claro, Grafito y Marfil cálido en la vista previa de arriba.

¿Puedo agregar mis propios datos al mapa?

Sí. Utiliza fuentes GeoJSON y capas de mapas para mostrar ubicaciones, rutas, áreas y mapas de calor. La vista previa utiliza datos ilustrativos; tu aplicación proporciona las ubicaciones y atributos que quieres mostrar.

¿La vista previa cambia los datos del mapa subyacente?

No. Los ajustes preestablecidos cambian la presentación del mismo mapa. Tu ubicación y zoom permanecen en su lugar mientras cambias la paleta, las etiquetas o los edificios visibles.

¿Qué incluye “Copiar paleta JSON”?

Copia los colores y las opciones de visibilidad de capas de esta vista previa. Es un punto de partida para tu propio estilo, no un archivo de estilo de mapa completo. Tu aplicación aún necesita sus fuentes de mapas, definiciones de capas y credenciales API.

¿Cómo empiezo?

Crea una cuenta MapAtlas, elige las API de mapas que necesitas y conecta un mapa a tu aplicación. Utiliza la documentación para obtener detalles de integración y la página de precios para conocer las asignaciones gratuitas actuales. Nuestro equipo puede ayudarte con los requisitos de estilo y datos.

Deja tu marca en el mapa

¿Cómo será tu mapa?

Tus colores. Tus datos. Un mapa que se siente como en casa.