Java Script error

Resolved acvbien
(@acvbien)

4 years, 7 months ago

Hi,

I installed the plugin on my test site but it tells me that an error occurred:

This page did not load Google Maps properly. See the JavaScript console for technical details.

What should I do?

Thanks

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

Viewing 10 replies - 1 through 10 (of 10 total)

Plugin Author Uriahs Victor
(@uriahs-victor)

4 years, 7 months ago

Hi, I can’t visit the link to your website, it asks to log in. Please go to the checkout page and send me a screenshot of the browser console

Also make sure you’ve created and added your API key for google maps: https://github.com/UVLabs/location-picker-at-checkout-for-woocommerce/wiki/Getting-Your-API-Key

Thread Starter acvbien
(@acvbien)

4 years, 7 months ago

Hi thanks Victor,

Here I show you the screenshots:

https://myhandybuy.com/test2/wp-content/uploads/2021/08/Console1.jpg

https://myhandybuy.com/test2/wp-content/uploads/2021/08/Console2.jpg

https://myhandybuy.com/test2/wp-content/uploads/2021/08/Console3.jpg

Thanks
Plugin Author Uriahs Victor
(@uriahs-victor)

4 years, 7 months ago
@acvbien From the error it says your website is not in the list of authorized domains. Please see this section of the plugin setup guide: https://github.com/UVLabs/location-picker-at-checkout-for-woocommerce/wiki/Getting-Your-API-Key#restricting-your-api-key

Once you do that the map will be able to load from your website
- This reply was modified 4 years, 7 months ago by Uriahs Victor.
Thread Starter acvbien
(@acvbien)

4 years, 7 months ago

Hi Victor, thanks

I have done tests with the API restriction and in the different modes I have tried I get the exact same startup error.

Here I show you a screen shot of the last option I entered:

https://myhandybuy.com/test2/wp-content/uploads/2021/08/API.jpg

Thanks

Plugin Author Uriahs Victor
(@uriahs-victor)

4 years, 7 months ago

@acvbien The URLs your entered are strict URLs, thats why it doesn’t work.

You can remove the two URLs you’ve added and instead add:

*myhandybuy.com/*

Then save the changes and refresh the checkout a few times, that should fix your issue. Let me know how it goes
Plugin Author Uriahs Victor
(@uriahs-victor)

4 years, 7 months ago
Alternatively you can set it to:

https://myhandybuy.com/*

That way is more secure as someone with examplewebsitemyhandybuy.com would not be able to use your key
- This reply was modified 4 years, 7 months ago by Uriahs Victor.
- This reply was modified 4 years, 7 months ago by Uriahs Victor.
Thread Starter acvbien
(@acvbien)

4 years, 7 months ago

Hi Victor thanks,

I used https://myhandybuy.com/*

And after refresh the checkout, I got this:

https://myhandybuy.com/test2/wp-content/uploads/2021/08/Checkout_TestHB_0.jpg

https://myhandybuy.com/test2/wp-content/uploads/2021/08/Checkout_TestHB_1.jpg

I already see the map but from what I understand the button does not allow to locate the user for some reason

Thank you
Plugin Author Uriahs Victor
(@uriahs-victor)

4 years, 7 months ago
@acvbien You need to enable billing on your Google cloud account. Geocoding is a premium feature from Google and also the Google Maps Javascript API requires you to add your billing details on your account.

Please read here: https://github.com/UVLabs/location-picker-at-checkout-for-woocommerce/wiki/Getting-Your-API-Key#setting-up-billing–google-monthly-credit

Google provides a free allowance of $200USD a month worth of usage. Thats more 10,000+ views/requests from the map in a month.

Once you set up billing and refresh the page those messages should go away=
- This reply was modified 4 years, 7 months ago by Uriahs Victor.
Thread Starter acvbien
(@acvbien)

4 years, 7 months ago

Hi, Victor thanks

Now it works fine

Thanks a lot

Plugin Author Uriahs Victor
(@uriahs-victor)

4 years, 7 months ago

@acvbien Awesome, please consider leaving a review for the plugin if it helps your business, you can do so here:

https://wordpress.org/support/plugin/map-location-picker-at-checkout-for-woocommerce/reviews/

Viewing 10 replies - 1 through 10 (of 10 total)

The topic ‘Java Script error’ is closed to new replies.