[Resolved] Toolset Maps – Map not working

[Author]

Posts

[craigk-3]

Tell us what you are trying to do?
We have added a map API key in the map settings tab AIzaSyCFZ4LM8OmB3E-vogpn1kgowhBr9q9ku00. Still map is not displaying in the page. hidden link

Issue: hidden link

Site Link: hidden link

Please help us to fix the issue as soon as possible.

Thanks

[Shane]

Hi Craig,

Thank you for getting in touch.

Can you ensure that the following 3 API's are enabled Maps JavaScript API, Geocoding API, and Places API.

If not please ensure that all 3 are enabled.

Secondly in the console of the page I see where it says no API key is present. Can you check on this and let me know.

Thanks,
Shane

[craigk-3]

Hi Shane,

Sure we will check and confirm. Still issue remains we will let you know.

Thanks

[Shane]

Hi Craig,

Thanks update me as soon as possible.

[craigk-3]

Hi Shane,

We have ensured the above three options are enabled for corresponding API key.

Kindly help us to fix the issue,

Thanks

[Shane]

Hi Craig,

Would you mind allowing me to have admin access to the site so that I can have a look ?

Thanks,
Shane

[Shane]

Hi Craig,

It seems something is wrong with the site itself and not the API key, however I will need to grab a copy of your site to check the map locally to confirm where the issue is.

Would you mind allowing me to grab a copy of the site using the duplicator plugin so that I can run some tests locally ?

It could be that your hosting provider is blocking some of the required connections to the Google maps API.

Please let me know.
Thanks,
Shane

[craigk-3]

Please go-head and find the issue without affecting the site.

[Shane]

Hi Craig,

The issue is actually coming from your theme.

It is throwing a few javascript errors

Uncaught SyntaxError: Unexpected token '<'
util.js:229 
Xz.o @ util.js:229
(anonymous) @ js:145
Promise.then (async)
(anonymous) @ js:145
setTimeout (async)
Rj @ js:145
google.maps.Load @ js:14
(anonymous) @ js:258
(anonymous) @ js:258
fontloader.js:88 Uncaught (in promise) TypeError: Cannot read property 'family' of undefined
    at fontloader.js:88
(anonymous) @ fontloader.js:88
Promise.then (async)
(anonymous) @ fontloader.js:83
manifest.json:1 Manifest: Line: 1, column: 1, Syntax error.

This is affecting the communication of the Maps API to Google to validate the key. I would suggest contacting the theme author's support team in order for them to have a look at this one for you.

Thanks,
Shane

[Shane]

It should also be noted that the map loads fine when I test it out with a default wordpress theme.

[craigk-3]

HI Shane,

Google Maps JavaScript API warning: NoApiKeys hidden link

I have entered the map Api key in the map settings, still the error showing in console.

Could you please help us to fix the issue

[Shane]

Hi Craig,

As mentioned the issue is being caused by the theme.

Once I switched the theme to a default wordpress one or any other theme, then the map loads up fine.

The errors being trigged in your theme is likely what is causing the issue. See my post below.
https://toolset.com/forums/topic/toolset-maps-map-not-working/#post-1720017

You will need to have your theme author look at the errors to resolve them.

Thanks,
Shane

[craigk-3]

Hello Shane,

As you've mentioned that manifest.json file causing error, we've hide the inclusion of that file line. Can you please check and let us know that root cause of the issue?

[Shane]

Hi Craig,

I can do some further checks on this for you, however it will take some time.

If you switch to a default theme you will see the map working fine. I would need to check the error logs to see what else I can find but the issue is definitely coming from the theme.

I will let you know when I have any additional information.

Thanks,
Shane

[craigk-3]

Thank you Shane.