Google Maps Element – Adjustable Height
-
Hi,
I’m having an annoying behaviour regarding Google Maps height that I’m not able to workaround it, maybe you can support.
# Goal
The goal is to adjust the height of google maps to the same size as another element in the same page section (dynamically and depending on screen size).# Context
I have a section in my page with 2 columns:
– Left column: video element (with youtube link)
– right column: google maps elementI have default settings for everything (section, left and right column, video and google maps element), with exception of settings regarding the youtube url and google maps configured with address, height and zoom).
# Issue
As mentioned. the issue I’m having is that the height of google maps is kinda fixed, as we are forced to specify in height of it. In edit mode i match the height of google maps to the same height as my video (but of course this is based on my screen).If I resize my window (to simulate other screens size), the two elements at some point have different heights, as google maps has fixed height and don’t adjust to the resize. Video element on the other side adjusts (Which is exactly the behaviour i was expecting to have for google maps as well!). So on left column my Video stays rather smaller or bigger than right column where i have google maps.
How can I force google maps height to match exactly the same height as my video element?
Is it possible to force my specific section to have a min and max height for the elements inside based on screens size?Thanks for the supoort
- The topic ‘Google Maps Element – Adjustable Height’ is closed to new replies.