Google Maps with Homey theme not working

Hi @dieisraels,

Let’s start with our collection of MU-plugins for Google Maps; https://github.com/Really-Simple-Plugins/complianz-integrations/tree/master/Google%20Maps

custom-google-maps.php is the default. Which is roughly the same as our general integration, if you know how to adjust where needed this will take care of it.

To be able to create an integration from my end I would need the theme, but contact with the author is behind a required license field. Could you notify the author of this support request and if he can contact us at https://complianz.io/ contact?

I have opened a support ticket with the Homey Theme and asked to get in touch with you to find a solution. Thank you very much for your support.

Hi @dieisraels,

I saw that you enabled the integration,

there are 2 dependencies that throw an error;

autoptimize_single_7e6cc4f9ad21c029f7fed40927aaab4c.js?ver=1.1.19:1 Uncaught ReferenceError: google is not defined
    at autoptimize_single_7e6cc4f9ad21c029f7fed40927aaab4c.js?ver=1.1.19:1:1061
homey-maps.min.js:1 Uncaught ReferenceError: google is not defined
    at homey-maps.min.js:1:533
    at homey-maps.min.js:1:20642

This means both honey-maps.js and a script (minified) with infoBox needs the API to function if it isn’t there they thrown an error.

Fully blind, this would be a guess; https://github.com/Really-Simple-Plugins/complianz-integrations/blob/master/Google%20Maps/homey-maps.php

regards Aert

Hello,
thank you very much. I have inserted the script. Currently there is still an error displayed by the infobox. I hope that the theme developers can still help here.

Hi @dieisraels,

If the developers of the Homey theme send us a message on support(at)complianz.io, we’d be happy to take a look at integrating their Google Map implementation in Complianz.

That would allow us to set-up a testing environment with the Homey theme, so we can run some tests of our own as well.

Kind regards,
Jarno

Hi @dieisraels,

Have you received word from the Homey developers about this? We’d be glad to take a look at this implementation, but would need the theme in order to do so.

Kind regards,
Jarno

The developers of the theme are currently looking at it on my website. Unfortunately, I could not convince them to contact you yet. I will keep you updated.

Hi @dieisraels,

The Map on your contact page appears to be properly blocked, and reloaded upon providing consent at the moment. Are you still experiencing any issues?

Let us know if further assistance from our side is needed with this!

Kind regards,
Jarno

Hi @jarnovos,

The Google Map on the contact page is inserted with Elementor. This works correctly. The map of the Homey theme is unfortunately not loaded:
https://www.skan-park.de/ferienhaeuser/jonte-1/

Here the support of the theme could not help me yet.

Best regards,
Timotheus

Hi @dieisraels,

I will buy the theme tomorrow and see if I can create an integration. It could proof difficult with another Maps integration, but I’ll give it a try.

I’ll let you know, regards Aert

Hi @aahulsebos,

Great! Thank you for your support!

Best regards,
Timotheus

Hi @dieisraels,

I’ve created an mu-plugin for the homey theme:

https://github.com/Really-Simple-Plugins/complianz-integrations/blob/master/Google%20Maps/homey-maps.php

You can drop this as php file in the mu-plugins folder on your server.

I’ve tested this with a ‘listing’, with a Google Maps location added. This works as expected.

Let me know if this works for you!

Hi @rogierlankhorst,

Thank you for your support. The placeholder is displayed correctly. Perfect! But after activating the marketing cookies, I still get an error:
Uncaught ReferenceError: google is not defined
See: https://www.skan-park.de/ferienhaeuser/jonte-1/

I see that in the Network tab the script from Google Maps is loaded and then the local script. Still the error appears that google is not defined.

Thanks for help.

I see you have autoptimize active. It looks like this plugin has concatenated one of the scripts that needs to be blocked separately. Because of this, the script can’t be blocked, and causes an error.

Can you start with deactivating any caching plugins you have to ensure there’s nothing that interferes with the blocking? Later this script can be excluded in that plugin I think, but let’s start simple.

In the mu-plugin, I also added an additional function which might help if a ‘load’ event needs to be fired, although this wasn’t necessary on my testing environment.

WP Super Cache and Autooptimize are used for caching. But even when both plugins are disabled, I have the problem.

It looks like a timing issue to me. The scripts are loaded in the correct order:
1. https://maps-api-ssl.google.com/maps/api/js?..
2. https://www.skan-park.de/wp-content/themes/homey/js/infobox_packed.js?ver=1.1.19
See screenshot: https://im.ge/i/Sl9ts9

The error is thrown in the infobox_packed.js script. If I call the same command in the Console at a later time, then google is available.
See screenshot: https://im.ge/i/Sl9Wsp

Does Complianz provide any additional configuration options here?