Symptoms

Maps are not displaying in the admin or front-end. 

In image mode, you may receive an "Image not supported" message even though your image is properly formatted.

Explanation

This could be related to your site caching. If you have that enabled, it can force your site not to communicate with external servers, which can cause the above issues.

Resolution

If you run into these issues, you'll want to purge all caches, or possibly even disable and/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 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.