Symptoms

The Map is displaying on one browser but not on another. For example, the Map is working as expected on Microsoft Edge but appears as a blank screen on Chrome/Safari or vice versa.

The Map and its Map Locations are displaying on every desktop browser but not on mobile devices.

Explanation

It is most likely a caching issue. Site catching, when enabled, can force your site not to communicate with external servers, which can cause some problems within MapifyPro.

Resolution 

To fix this, you’ll want to purge all caches, or possibly even disable or delete your site caching plugins.

Site caching comes in many forms, and rather than go into depth on these, we’ll link you to the most complete article we’ve found on the topic, as created by our friends at Elegant Themes:

https://www.elegantthemes.com/blog/tips-tricks/how-to-clear-your-wordpress-cache-a-step-by-step-guide

*Note: If you’re not seeing any maps, whether on the front-end or in admin, you may still need to activate your API. You will see a message at the top of your dashboard if this is the case. 

Cloudflare is a third-party service that optimizes your site and creates an ongoing backup in case your site crashes. We are in no way affiliated with Cloudflare, but we use it ourselves on MapifyPro.com. However, Cloudflare implements a layer of caching that can affect your maps just like a caching plugin offered by WP-Rocket, WPEngine, etc. Here’s an easy tweak on how you get it to play nice with MapifyPro:

Caching settings: No Query String

1. Log into your Cloudflare account and navigate to the “Caching” Setting from the top menu.

2. Under “Caching Settings” at the right you’ll see 3 options. Select “No Query String”. See below.

3. Save any settings and that's it! Cloudflare will now work perfectly well with MapifyPro.

Site caching is here to stay, but using the above tips will help ensure these services play well with all of our plugins and others!

Rocket Loader

This could also be due to Rocket Loader if you are using CloudFlare. Please follow these instructions to disable rocket loader only for MapifyPro and WooCommerce (and for anything else that uses jQuery):

How To Fix Cloudflare's Rocket Loader Conflict With jQuery | Elegant Themes Help Center (intercom.help)

URL matches to exclude:

https://mysite.com/*mapify*
https://mysite.com/*woocommerce* 

And as always, please purge your Cloudflare cache after doing the above.