Symptoms

Maps may not display properly on the admin or front-end. In image mode, you might see an "Image not supported" message, even if your image is correctly formatted.

Explanation

These issues could be related to site caching. If caching is enabled, it can prevent your site from communicating with external servers, leading to the problems mentioned above.

Resolution

If you encounter these issues, you should purge all caches or consider disabling and/or deleting your site caching plugins. Since site caching can take various forms, we won't delve into the details here. Instead, we recommend checking out the most comprehensive article we've found on the topic, 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 verify your API key. You will see a message at the top of your dashboard if this is the case. 

Cloudflare:

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:

MapifyPro Settings

1. Log into your wp-admin and navigate to MapifyPro.

2. Under MapifyPro Settings, enable the MapifyPro JavaScript cache buster:

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. Please save any settings and Cloudflare will now work perfectly well with MapifyPro. 

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.