-
Posts
-
Hi,
how can I do to make the google map on my website “interactive”,
I mean let the users click on the pointer and open it on google maps site?
thanks,Simo
Hi Simo,
I believe our Map element wouldn’t be sufficient for the interactive map that you’d like to have.
Please consider checking some WordPress plugins that might have the feature you need.Best regards,
NikkoI cannot understand why, if I use the editor to integrate the map directly from google, the layout of the entire page changes.
Can you try it? I don’t understand how to fix it
Here the html code from maps:
<iframe src=”https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d2817.311951737468!2d7.683457175052596!3d45.079466876833145!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x47886d0568e68ef3%3A0x83edd10a862edf2b!2sAntiquaritaly%20di%20Sciacchitano%20e%20figlie!5e0!3m2!1sit!2sit!4v1616059588371!5m2!1sit!2sit” width=”600″ height=”450″ style=”border:0;” allowfullscreen=”” loading=”lazy”></iframe>Hi Antiquaritaly,
The embed code or iframes are a bit limited.
Try adjusting the width and height value, the code shows its 600 (px) in width and 450 (px) in height.Best regards,
NikkoI did it, but there’s still something wrong with the layout of all the elements of the page.
If I insert the html code from maps, tha layout of the page changes and is no more fullscreen but with borders.
Please look at the screenshot attached that represents the issue and than to the normal view of the pageHi Antiquaritaly,
I have created a copy of the contact page and saved it as draft (link in private content).
It uses a Grid Row which I added a Custom Class: no-padding
Then I added this CSS code in Enfold > General Styling > Quick CSS:.no-padding .flex_cell { padding: 0; }Best regards,
Nikko
- The topic ‘interactive google map’ is closed to new replies.