Google Maps is not displayed correctly

Hi @andreas-2013,

Could you try wrapping your map in a div?

For example: <div class="Google Maps"> Your map </div>.

You can always leave Complianz enabled, and only disable the Google Maps integration, under Complianz -> Integrations.

Let me know if this helps,

regards Aert

Hi Aert,
thank you for your quick reply!
Unfortunately it didn’t help to build a container!
(I deactivated the GoogleMaps-Option now)

• This reply was modified 4 years, 4 months ago by Andreas 2013.

Hi @andreas-2013,

Can you tell me how you implemented this image? I see it loads a Google Maps API, but it seems a static image. What is the exact purpose, and are you able to use an image instead?

Thanks,

Aert

Hi Aert,
it is a static map. I took the code from this page:
Google Maps API Guide
(I just checked it out, the code on my page seems ok).

Hi @andreas-2013,

I will have to check this at my side as well, but could you disable the placeholder under Integrations -> Google Maps -> Disable placeholder.

As it is an image, it might work out-of-the-box.

regards Aert

Hi Aert,
the plugin isn’t active and I didn’t check “Disable placeholder” before.
Thank you for your help ??

• This reply was modified 4 years, 4 months ago by Andreas 2013.

@andreas-2013 To be honest I thought your issue was resolved. My misunderstanding :-).

I understood you will continue testing tomorrow. Please could you give us a heads up regarding this issue as well if you re-enabled Complianz? As Aert requested, please make sure that the Google Maps integration is activated, but the placeholder deactivated. I would also expect that it would work out-of-the-box.

Regards,
Leon

Good morning Leon,
the plugin is activated. I’ve turned on Google Maps, without placeholder.
How I told you before, the code is original from Google’s Guide for Maps.
When you enter the website and switch on only necessary cookies, the result is e.g. the following: https://www.promi-geburtstage.de/info/?id=1725_Ulrich-Tukur
I can’t leave it active very long, so I would be glad, if you could check it as soon as possible.
Thank you very much ??

• This reply was modified 4 years, 4 months ago by Andreas 2013.
• This reply was modified 4 years, 4 months ago by Andreas 2013.
• This reply was modified 4 years, 4 months ago by Andreas 2013.

Edit:
The same result, when I accept all cookies…

Hi @andreas-2013,

I don’t really understand why the placeholder would show if this function is disabled. It could be caching, but you can disable Google Maps and I will work towards an integration for static Google Maps.

regards Aert

Hello Aert,
I deactivated W3 Total Cache to test it, but the same result!
When I disable Google Maps in the Complianz-Settings, maps will be shown without agreement of the users. But I don’t want to use another plugin. ??

Hi @andreas-2013,

I will have a look tonight if I can create a specific integration,

Be with you soon,

regards Aert

Hi @andreas-2013 quick update:

I tried this HTML:

<div><img src="https://maps.googleapis.com/maps/api/staticmap?center=Brooklyn+Bridge,New+York,NY&zoom=13&size=600x300&maptype=roadmap
&markers=color:blue%7Clabel:S%7C40.702147,-74.015794&markers=color:green%7Clabel:G%7C40.711614,-74.012318
&markers=color:red%7Clabel:C%7C40.718217,-73.998284
&key=AIzaSyDvuV9JB0B-fOfIc7cNkeb5BbNICUVMUZs"></div>

You can find an example here: https://localhost/sandbox/sample-page/ (pw:000)

Could you share your HTML as well? (you can remove your API Key) It seems to work almost out-of-the-box.

regards Aert

Hi Aert,
thank you very much, that looks better,no placeholder is shown.
The only thing is, that the map is ALWAYS shown, even if the user has checked “only necessary cookies”. I remember, that normally there has to be a warning message like “you have to click to see the map”, is it right?

My original code:
<div>,<? echo $land ?>&zoom=8&size=320×320&maptype=roadmap
&markers=size:mid%7Ccolor:0xff0000%7Clabel:%7C<? echo $row[‘stadt’] ?>,<? echo $land ?>&key=AIzaSyBxn5h3VIjc9ut1KBf68nlWk0Uqed92Wuc”></div>

The source-code-result in the browser:
<img class=”cmplz-iframe cmplz-iframe-styles cmplz-no-video” src=”https://maps.googleapis.com/maps/api/staticmap?center=Cleveland, Ohio,USA&zoom=8&size=320×320&maptype=roadmap
&markers=size:mid%7Ccolor:0xff0000%7Clabel:%7CCleveland, Ohio,USA&key=AIzaSyBxn5h3VIjc9ut1KBf68nlWk0Uqed92Wuc”>

Here is a link for example: https://www.promi-geburtstage.de/info/?id=5504_Kid-Cudi

Good morning Aert,
did you already find a solution for the Google-Maps-problem?
Thank you in advance for your reply ??