GPX Map not loading

Hi Jacob

I’m trying to change my theme so I’ve set up a test website and I’m using twenty twentyfour. I’ve backed up settings from the live site and copied them to the test site. I’ve noticed that the map doesn’t display on the new system but is still ok on the live site. There are errors if I inspect the page, as below. Any suggestions please

Kevin

JQMIGRATE: Migrate is installed, version 3.4.1
js?key=AIzaSyDOwSlKLQjhCE_8o1Ygb7Tz6XhX_XwUNAo&ver=8.8.01.007:236 Google Maps JavaScript API has been loaded directly without loading=async. This can result in suboptimal performance. For best-practice loading patterns please see https://goo.gle/js-api-loading
lca @ js?key=AIzaSyDOwSlKLQjhCE_8o1Ygb7Tz6XhX_XwUNAo&ver=8.8.01.007:236
google.maps.Load @ js?key=AIzaSyDOwSlKLQjhCE_8o1Ygb7Tz6XhX_XwUNAo&ver=8.8.01.007:14
(anonymous) @ js?key=AIzaSyDOwSlKLQjhCE_8o1Ygb7Tz6XhX_XwUNAo&ver=8.8.01.007:436
(anonymous) @ js?key=AIzaSyDOwSlKLQjhCE_8o1Ygb7Tz6XhX_XwUNAo&ver=8.8.01.007:436
wppa-all.js?ver=240625-150730:2 At: 8:47:13.184 message: Document.ready
wppa-all.js?ver=240625-150730:8 A soft navigation has been detected: https://divejive.co.uk/recent-photographs/wppaspec/oc1/lnen/sd1/abd5efec0f57eb2fe1/pt859d4f1935ba2878
js?key=AIzaSyDOwSlKLQjhCE_8o1Ygb7Tz6XhX_XwUNAo&ver=8.8.01.007:175 As of February 21st, 2024, google.maps.Marker is deprecated. Please use google.maps.marker.AdvancedMarkerElement instead. At this time, google.maps.Marker is not scheduled to be discontinued, but google.maps.marker.AdvancedMarkerElement is recommended over google.maps.Marker. While google.maps.Marker will continue to receive bug fixes for any major regressions, existing bugs in google.maps.Marker will not be addressed. At least 12 months notice will be given before support is discontinued. Please see https://developers.google.com/maps/deprecations for additional details and https://developers.google.com/maps/documentation/javascript/advanced-markers/migration for the migration guide.
_.em @ js?key=AIzaSyDOwSlKLQjhCE_8o1Ygb7Tz6XhX_XwUNAo&ver=8.8.01.007:175
wppaGeoInit @ wppa-all.js?ver=240625-150730:4
_wppaNextSlide @ wppa-all.js?ver=240625-150730:6
_wppaStartIcons @ wppa-all.js?ver=240625-150730:6
_wppaStart @ wppa-all.js?ver=240625-150730:6
wppaStartStop @ wppa-all.js?ver=240625-150730:6
(anonymous) @ VM7747:19
setTimeout (async)
(anonymous) @ VM7747:19
e @ jquery.min.js?ver=3.7.1:2
t @ jquery.min.js?ver=3.7.1:2
setTimeout (async)
(anonymous) @ jquery.min.js?ver=3.7.1:2
c @ jquery.min.js?ver=3.7.1:2
add @ jquery.min.js?ver=3.7.1:2
(anonymous) @ jquery.min.js?ver=3.7.1:2
(anonymous) @ jquery-migrate.min.js?ver=3.4.1:2
e. @ jquery-migrate.min.js?ver=3.4.1:2
then @ jquery.min.js?ver=3.7.1:2
ce.fn.ready @ jquery.min.js?ver=3.7.1:2
(anonymous) @ VM7747:19
m @ jquery.min.js?ver=3.7.1:2
$e @ jquery.min.js?ver=3.7.1:2
append @ jquery.min.js?ver=3.7.1:2
(anonymous) @ jquery.min.js?ver=3.7.1:2
M @ jquery.min.js?ver=3.7.1:2
html @ jquery.min.js?ver=3.7.1:2
success @ wppa-all.js?ver=240625-150730:8
c @ jquery.min.js?ver=3.7.1:2
fireWith @ jquery.min.js?ver=3.7.1:2
l @ jquery.min.js?ver=3.7.1:2
(anonymous) @ jquery.min.js?ver=3.7.1:2
load (async)
send @ jquery.min.js?ver=3.7.1:2
ajax @ jquery.min.js?ver=3.7.1:2
(anonymous) @ jquery-migrate.min.js?ver=3.4.1:2
e. @ jquery-migrate.min.js?ver=3.4.1:2
wppaDoAjaxRender @ wppa-all.js?ver=240625-150730:8
onclick @ recent-photographs/:339
trigger @ jquery.min.js?ver=3.7.1:2
(anonymous) @ jquery.min.js?ver=3.7.1:2
each @ jquery.min.js?ver=3.7.1:2
each @ jquery.min.js?ver=3.7.1:2
trigger @ jquery.min.js?ver=3.7.1:2
(anonymous) @ wppa-all.js?ver=240625-150730:12
dispatch @ jquery.min.js?ver=3.7.1:2
v.handle @ jquery.min.js?ver=3.7.1:2
js?key=AIzaSyDOwSlKLQjhCE_8o1Ygb7Tz6XhX_XwUNAo&ver=8.8.01.007:144 Google Maps JavaScript API error: RefererNotAllowedMapError
https://developers.google.com/maps/documentation/javascript/error-messages#referer-not-allowed-map-error

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