Cant Load Google Maps

Hi, your site says I need to be logged in to checkout, please check your browser console when you are on the checkout page, it will give you some insight on to what exactly you’re missing to do.

If you’ve not set up Billing on your google cloud console then you need to do so. Please send a screenshot of your checkout page as well as browser console showing the error so I can assist better

Hi, sorry for that, I have disabled login for now.

The Billing is already setup and please find below errors in console, although everything is fixed.

Cant add screenshot here, but following is the message in console:

You have included the Google Maps JavaScript API multiple times on this page. This may cause unexpected errors. (If in the plugin code, I remove one of the API, the error goes away but give error in the debug mode)

Google Maps JavaScript API error: RefererNotAllowedMapError
(Although its also setup)

Tried everything for restrictions but nothing worked.

Thanks in advance.

Hy,

I have solved the problem, thanks alot.

Actually the problem was in my theme settings another API was used, somehow it was taking the API also to the checkout and the error was “Multiple API keys used in this page”

But still a little bit problem is there, maps not able to identify my current location even by pressing “detect location” but not all the times.

Also, I am using a plugin for geotargeting (paid) for the location purpose, by using that sometimes the location is perfect.

Any suggestions please? should I integrate MaxMind ?

Thanks in advance

Hi, the plugin will not always be 100% accurate when using a desktop device because those do not have GPS built-in so the browser will use different ways for detecting your location such as wifi and ISP, thats why the map makes it possible for customers to move the pin to their actual location on the map. On a mobile phone it would be way more accurate since they have GPS built-in.

If you have multiple plugins making use of Google Maps API on your website then you need to disable that other plugin or inside the “Debug” settings of LPAC you can have LPAC dequeue it’s own Google Maps API JavaScript and that can sometimes fix the issue if LPAC can use the other plugin’s own.

This is not a food solution because if you decide to make use of the places autocomplete feature in LPAC, and you disable LPAC from loading the Google Maps API itself…then the feature might not work because that other plugin might not be loading the Places Autocomplete API…

Greetings,
Hope this find you well.

Yes, there is one more plugin I am using for geolocation, so what is the best possible way you can suggest other than the debug if any, or I can use only one at a time ?

In that plugin, I am basically using the plugin API’s only.

Appreciate your feedback

Hi, if the other plugin is conflicting with LPAC then you’d have to disable that other plugin, I added the debug option as a way to allow LPAC to drop its loading of the google maps API and hopefully use what else is provided by other plugins but if it still doesnt work that way then you’d have to disable the other plugin or contact that developer and ask them to update their plugin so it doesn’t load google maps on the WooCommerce checkout and my account area.

Greetings, hope this finds you well.

Thanks for the response.

Can you please tell some detail about the dequeue/ debug option, how to achieve that ?

Thanks

Hi, you would need to go to WooCommerce->Settings->Location Picker at Checkout and then click on the “Debug” option and then check the “Frontend” option highlighted in this screenshot: https://prnt.sc/tcN1C1HIYbAx and then save your changes.

This would stop LPAC from enqueuing it’s google maps script on the frontend of the website. Note that theres a possibility that this might stop the plugin from working but you can give it a shot to see

Good day, i also face problem can’t load Google map,
below is from debug console:

DevTools failed to load source map: Could not load content for https://kunostudio.com/_static/easyjobs-public.min.css.map: HTTP error: status code 400, net::ERR_HTTP_RESPONSE_CODE_FAILURE

much appreciate if can get some help from anyone!

I’m going to close this thread due to inactivity, feel free to open a new topic if you still need assistance