Problème courant : Carte bloquée sur le chargement du spinner + erreur JavaScript

Si votre carte ne se charge pas et n'affiche qu'un icône de chargement en rotation ou vous voyez cette erreur dans la console de développement de votre navigateur :

Uncaught ReferenceError: oum_max_image_filesize is not defined at OUMConfig

...cela signifie généralement que le JavaScript de la carte a été chargé avant son script de configuration. Cela est souvent dû à des plugins de mise en cache ou d'optimisation (comme WP Rocket) qui modifient l'ordre de chargement des scripts ou reportent des fichiers essentiels.

Suivez les étapes ci-dessous pour résoudre le problème et faire en sorte que votre carte s'affiche correctement.

La carte ne s'affiche pas correctement avec WP Rocket

Si vous utilisez WP Rocket pour la mise en cache, il se peut que le Open User Map ne s'affiche pas correctement. Il s'agit d'un problème connu lié aux paramètres de mise en cache et de minification. Vous pouvez rapidement vérifier si c'est le cas en contournant le cache de WP Rocket :

👉 Essayez de visiter votre page de carte avec ?nowprocket à la fin de l'URL :
https://your-page-with-the-map.com/?nowprocket

Solution

1. Vider le cache de WP Rocket
   • Aller à WP Rocket dans votre tableau de bord WordPress.
   • Manuellement clair ou rafraîchir le cache.
   • Vérifiez que la carte fonctionne maintenant comme prévu.
2. Exclure la page de carte de la mise en cache (si nécessaire)
   Si le problème persiste, essayez désactivation de la mise en cache et de la minification pour la page contenant la carte :
   • En Paramètres de WP Rocketajoutez l'URL de la page de la carte à l'élément "Ne jamais mettre en cache une ou plusieurs URL" domaine.
   • Désactiver Minification CSS/JS pour la page si nécessaire.

Après avoir effectué ces modifications, videz le cache de votre navigateur et testez à nouveau. Si le problème persiste, n'hésitez pas à nous contacter pour obtenir de l'aide.

La carte ne s'affiche pas lorsqu'elle est chargée dynamiquement

Si la carte n'apparaît pas lorsqu'elle est chargée ultérieurement (par exemple, dans un onglet caché ou après avoir révélé un contenu dynamique), il peut être nécessaire de l'actualiser manuellement.

Solution

Vous pouvez déclencher le oumMap.invalidateSize() une fois le contenu entièrement chargé.

Exécutez cette commande JavaScript lorsque le contenu de la carte devient visible.
Par exemple, déclenchez-le juste après l'affichage d'un onglet caché ou l'ouverture d'une fenêtre contextuelle contenant la carte.

oumMap.invalidateSize();

Cette opération réinitialise la carte de l'OUM.

Problèmes de préchargement du contenu

Certains thèmes/plugins utilisent le préchargement du contenu, ce qui peut perturber le chargement de la carte OUM. Si c'est le cas sur votre site, essayez de désactiver le préchargement pour la page contenant la carte.

🤷‍♂️ Cela ne fonctionne toujours pas ?

Si vous avez essayé les étapes ci-dessus et que la carte ne s'affiche toujours pasJe suis là pour vous aider !
📩 Veuillez me contacter directement en décrivant brièvement votre problème. et un lien vers la page où la carte ne s'affiche pas.
Je vous répondrai le plus rapidement possible.

➡️ Contact Support