Map is sometimes bugging in Elementor

  • Resolved costadelskai

    (@costadelskai)


    3 months, 3 weeks ago

    We are currently using the Open User Map plugin to display maps on our platform. While the map functions correctly about 80% of the time, we have noticed an intermittent issue where the map fails to load properly (see attached screenshots).

    • In the majority of cases, the map loads and displays as expected. (See “imgur photo link)
    • However, occasionally, the map appears blank and does not render the geographical information or tiles. (See “imgur photo link”)

    This issue seems to occur randomly, and we are unable to pinpoint a specific trigger. Could you please help us investigate the root cause of this behavior and suggest a resolution?

    View post on imgur.com

    The page I need help with: [log in to see the link]

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Author 100plugins

    (@100plugins)

    3 months, 3 weeks ago

    Hi @costadelskai,

    This happens because the map is hidden behind a “Open Map” button click. To solve this you need to reinitiate the map when it actually should show up (after clicking the button). Please read this support article for the exact solution to this case.

    You need to execute this javascript after a button click:

    oumMap.invalidateSize();

    Best regards,
    Daniel

    • This reply was modified 3 months, 3 weeks ago by 100plugins.
    Thread Starter costadelskai

    (@costadelskai)

    1 month, 2 weeks ago

    We’ve attempted to resolve the issue by adding oumMap.invalidateSize(); as suggested. We also consulted ChatGPT for additional troubleshooting, but unfortunately, that only introduced further bugs.

    The issue persists as follows:
    When the website is still loading and we click to open the map, it displays correctly. However, once the page is fully loaded, the map only renders about 5%, with the remaining area showing as gray. You can see the issue here:
    https://costadels.com/destinations/

    We’re using a shortcode within Elementor to embed the map.

    Could you please take a look and let us know if you can identify any conflicts or reasons why the map isn’t rendering properly?

    Thank you in advance for your assistance.

    Plugin Support Daniel

    (@danielschoenherr)

    1 month, 2 weeks ago

    Hi @costadelskai,

    I’m confident the problem is related to the delayed rendering of the map, due to the fact it is hidden at first. Try to implement the map without the “Open Map” button feature for testing.

    It is hard to debug from the outside. As a PRO user you could open a support ticket and we can take a deeper look at this together.

    Best regards,
    Daniel

Viewing 3 replies - 1 through 3 (of 3 total)
  • You must be logged in to reply to this topic.