Google map warning/ error

Hi when I go to the page with Contact Us where I have a map that is configured using your help page I see these errors/warnings:

Can you assist me in solving them?

js?libraries=geometry&callback=woodmartThemeModule.googleMapsCallback&v=weekly&key=AIzaSyBKEZFd_Sbo1k2inMjzHZwiRoJJT9QeYao&ver=7.5.1:235 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
hca @ js?libraries=geometry&callback=woodmartThemeModule.googleMapsCallback&v=weekly&key=AIzaSyBKEZFd_Sbo1k2inMjzHZwiRoJJT9QeYao&ver=7.5.1:235
google.maps.Load @ js?libraries=geometry&callback=woodmartThemeModule.googleMapsCallback&v=weekly&key=AIzaSyBKEZFd_Sbo1k2inMjzHZwiRoJJT9QeYao&ver=7.5.1:14
(anonymous) @ js?libraries=geometry&callback=woodmartThemeModule.googleMapsCallback&v=weekly&key=AIzaSyBKEZFd_Sbo1k2inMjzHZwiRoJJT9QeYao&ver=7.5.1:416
(anonymous) @ js?libraries=geometry&callback=woodmartThemeModule.googleMapsCallback&v=weekly&key=AIzaSyBKEZFd_Sbo1k2inMjzHZwiRoJJT9QeYao&ver=7.5.1:416
js?libraries=geometry&callback=woodmartThemeModule.googleMapsCallback&v=weekly&key=AIzaSyBKEZFd_Sbo1k2inMjzHZwiRoJJT9QeYao&ver=7.5.1:177 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.

Hello,

Regarding the Google Map, you need to make sure that your Google Map API Key is correctly generated and add the Google Map API key under Theme Settings >> General. Here is the Guide to generating API Key:
https://developers.google.com/maps/documentation/javascript/get-api-key

Best Regards.

Hi,

Everything is made as in this article and your too. And we still see this error:

js?libraries=geometr…Zk4Ig&ver=7.5.1:235 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
js?libraries=geometr…Zk4Ig&ver=7.5.1:177 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.

Can you help me?

Hello,

This is your Google MAP API key issue. You can check your site console and you will find the error and you can read more and all about it here:
https://developers.google.com/maps/documentation/javascript/error-messages?utm_source=maps_js&utm_medium=degraded&utm_campaign=billing#api-key-and-billing-errors

Please make sure that you have added the Google Map API key under Theme Settings > Api Integration > Google map api.

Best Regards.

[Author]

Posts