DOCS

Editor del mapa

Cómo usar el editor del mapa para personalizar tu mapa de reservas.

📹 Watch: Map Editor
📹 Watch: Creating a New Map

El editor del mapa es donde personalizas la apariencia y el comportamiento de tus mapas de reservas. Accede desde Mapa en la barra lateral de administración.

Múltiples mapas

Puedes crear y gestionar múltiples mapas desde tu cuenta. La página Mapa muestra todos tus mapas en una cuadrícula. Haz clic en cualquier mapa para editarlo, o haz clic en Crear mapa para añadir uno nuevo.

Al crear un nuevo mapa, estableces un nombre y una ubicación. Cada mapa tiene su propia configuración, código de inserción y página alojada.

Pestañas

El editor está organizado en dos pestañas:

Branding

Personaliza la identidad visual de tu mapa:

  • Colores — Organizados en tres grupos:

    • Marca — Color de acento utilizado en toda la interfaz
    • Mapa — Colores de agrupación, punto, icono y ruta
    • UI — Colores de fondo de botón, texto de botón y estrellas de valoración

    Haz clic en cualquier muestra de color para abrir el selector con entrada hexadecimal para valores precisos.

  • Logotipo — Sube variantes de logotipo claro y oscuro por separado (PNG, JPG o SVG). El logotipo claro aparece sobre fondos oscuros y viceversa. Arrastra y suelta o haz clic para subir.

Tip

El color del texto de los botones se calcula automáticamente para un contraste óptimo, pero puedes modificarlo manualmente. Usa colores que contrasten bien con el fondo del mapa — los colores claros funcionan mejor en temas oscuros y viceversa.

Configuración

Configura el comportamiento del mapa:

  • Tema — Elige entre temas de mapa claro y oscuro.
  • Ubicación — Establece el punto central del mapa buscando una dirección. La búsqueda ofrece sugerencias de autocompletado mientras escribes.
  • Radio — Controla el radio de búsqueda (2–50 km). Un radio mayor muestra más experiencias; un radio menor se enfoca en tu área inmediata.
  • Slug — Identificador único de tu mapa (solo lectura).
  • URL del sitio web — La URL de tu sitio web, mostrada en la interfaz del mapa.
  • Indicaciones a pie — Activa para mostrar indicaciones a pie hasta las experiencias desde la ubicación del huésped.

Guardar cambios

Haz clic en el botón Guardar de cada sección para aplicar los cambios. El widget integrado y la página alojada se actualizan inmediatamente — no es necesario volver a integrar ni compartir un nuevo enlace.

Vista previa en tiempo real

El panel de vista previa en tiempo real te muestra cómo se ve tu mapa para los huéspedes a medida que realizas cambios, sin necesidad de salir del editor.