google my maps ~ custom map embed into wordpress

You’re getting the following JS errors in the dev console:

Google Maps JavaScript API error: RefererNotAllowedMapError https://developers.google.com/maps/documentation/javascript/error-messages#referer-not-allowed-map-error Your site URL to be authorized: https://www.mapchannels.com/mc6/27915/27915-jph.htm?v=20200217122746

Google Maps JavaScript API error: RefererNotAllowedMapError https://developers.google.com/maps/documentation/javascript/error-messages#referer-not-allowed-map-error Your site URL to be authorized: https://jpalenhouseblog.com/index.php/map-and-plan-your-stay/

To fix this I recommend that you first unrestrict your API key; if the map loads with an unrestricted key then you can be certain that the problem is restrictions-related.

Now, to restrict your API key properly, try adding these domain referrers (with wildcards “*” included, assuming that you own both these domains):

*.mapchannels.com/*
*.jpalenhouseblog.com/*
mapchannels.com/*
jpalenhouseblog.com/*

Hope this helps!