Insertar bloque Mapa de inmuebles

PLUS

Con el bloque de Gutenberg Mapa de inmuebles (immomakler/archive-map) muestra sus inmuebles como un mapa. En la vista de lista de inmuebles, el bloque representa los inmuebles que el visitante está viendo en ese momento, es decir, incluyendo todos los filtros de búsqueda activos. En cualquier otra página, como una página de inicio o una página de mapa propia, representa todos los inmuebles, igual que el shortcode [immomakler-map].

Hasta la versión 5.68.0, el bloque se llamaba “Mapa de la lista de inmuebles”.

Requisitos

WordPress con editor Gutenberg (desde WordPress 5.0)
WP-ImmoMakler edición Plus
Debe estar seleccionado un proveedor de mapas (en el Customizer bajo WP-ImmoMakler → Mapas). Si allí figura “Ningún mapa”, el bloque no muestra nada

Insertar el bloque

Abrir la página o la plantilla

Abra la página en la que debe aparecer el mapa. Para la vista de lista de inmuebles, abra en el backend de su sitio web (wp-admin) bajo Diseño → Editor de sitio la plantilla de bloque para la página de archivo de inmuebles (tipo de contenido Inmuebles).
Insertar el bloque

Haga clic en el símbolo + y busque Mapa de inmuebles o navegue a la categoría Widgets. Inserte el bloque en la posición deseada.
Comprobar vista previa

En el editor, el bloque muestra una vista previa con algunos de sus inmuebles. Qué inmuebles aparecen en el frontend se decide solo al cargar la página.
Guardar la página o la plantilla

Guarde su cambio. El mapa aparecerá a partir de ahora en el frontend.

Configurar la altura del mapa

En el panel del bloque Apariencia establece la altura del mapa:

Configuración	Descripción
Unidad	Unidad para la altura del mapa: px, %, vh o vw. Predeterminado: px.
Altura del mapa	Altura del mapa en la unidad seleccionada. Predeterminado: 500 px.

Rangos disponibles según la unidad:

Unidad	Mínimo	Máximo
px	100	1200
%	10	100
vh	10	100
vw	10	100

La altura configurada se aplica como CSS en línea con alcance a los selectores del contenedor de mapa .immomakler-map-iframe, .immomakler-map-iframe iframe.map e iframe.immomakler-map-iframe.

Más ajustes del mapa

Todas las demás opciones del mapa (zoom, color del marcador, agrupación, bloqueador de consentimiento, estilo del mapa, etc.) las establece de forma centralizada en el backend de su sitio web (wp-admin) bajo Diseño → Customizer → WP-ImmoMakler → Mapas. En el panel del bloque Mapa puede apartarse de ello para este bloque en concreto; cada ajuste allí está en “Heredar del Customizer” mientras no lo modifique.

Clases CSS para personalizaciones propias

/* Envoltorio del bloque */
.wp-block-immomakler-archive-map { }

/* Contenedor del mapa (iframe o div de la API JS) */
.immomakler-map-iframe { }

/* Elemento iframe incrustado */
.immomakler-map-iframe iframe.map { }