Problema común: Mapa atascado en el spinner de carga + error JavaScript

Si su mapa no se carga y sólo muestra un icono de carga giratorio o ves este error en la consola de desarrollo de tu navegador:

Uncaught ReferenceError: oum_max_image_filesize is not defined at OUMConfig

...suele significar que se ha cargado el JavaScript del mapa antes de su script de configuración. Esto sucede a menudo debido a plugins de caché o de optimización (como WP Rocket) que cambian el orden de carga del script o aplazan archivos esenciales.

Sigue los pasos que se indican a continuación para solucionar el problema y conseguir que el mapa se muestre correctamente.

Mapa no se muestra correctamente con WP Rocket

Si está utilizando WP Rocket para el almacenamiento en caché, puede tener problemas con la Open User Map no se muestra correctamente. Este es un problema conocido relacionado con la configuración de la caché y la minificación. Puedes comprobar rápidamente si este es el problema omitiendo la caché de WP Rocket:

👉 Prueba a visitar la página de tu mapa con ?nowprocket al final de la URL:
https://your-page-with-the-map.com/?nowprocket

Solución

1. Borrar caché de WP Rocket
   • Ir a Cohete WP en el panel de control de WordPress.
   • Manualmente borrar o actualizar la caché.
   • Compruebe si el mapa funciona ahora como se esperaba.
2. Excluir la página de mapas del almacenamiento en caché (si es necesario)
   Si el problema persiste, pruebe desactivar el almacenamiento en caché y la minificación para la página que contiene el mapa:
   • En Configuración de WP Rocketañada la URL de la página del mapa al campo "Nunca cachear URL(s)" campo.
   • Desactivar Minificación CSS/JS para la página si es necesario.

Tras realizar estos cambios, borra la caché del navegador y vuelve a probar. Si el problema persiste, no dudes en ponerte en contacto con nosotros.

El mapa no se muestra cuando se carga dinámicamente

Si el mapa no aparece cuando se carga más tarde (por ejemplo, dentro de una pestaña oculta o después de revelar contenido dinámico), puede ser necesario actualizarlo manualmente.

Solución

Puede activar el oumMap.invalidarTamaño() una vez que el contenido se haya cargado por completo.

Ejecute este comando JavaScript cuando el contenido del mapa sea visible.
Por ejemplo, actívelo justo después de que se muestre una pestaña oculta o se abra una ventana emergente que contenga el mapa.

oumMap.invalidateSize();

Esto reiniciará el mapa OUM.

Problemas con la precarga de contenidos

Algunos temas/plugins usan precarga de contenido, lo que puede interrumpir la carga del mapa OUM. Si esto se aplica a su sitio, intente desactivar la precarga para la página con el mapa.

🤷‍♂️ ¿Sigue sin funcionar?

Si has probado los pasos anteriores y el mapa sigue sin aparecerEstoy aquí para ayudar.
📩 Póngase en contacto conmigo directamente y descríbame brevemente su problema. y un enlace a la página en la que no se muestra el mapa.
Le responderé lo antes posible.

➡️ Contacto