What is the need / problem
Setting the absolute height of the container affects the zoom level so that getting it so that you don’t need to scroll within the iframe means that it is unhelpfully zoomed out
Who does it impact
Users looking at supplier maps
What is the current impact of this problem
When setting a height it also changes the zoom of the maps and you are unable to alter the map zoom or view so that it fits with your site seamlessly. The idea is that you might want to extend the height of the iframe and remove the scrolling functionality as the Biodynamic Association intended to do so it truly looks apart of the page and not force users to scroll at multiple levels.
If you look at map 4 on https://about.openfoodnetwork.org.uk/embedded-maps/ - you see there is a big difference in hope the map renders
Code used is below and alternations are on the scrolling and height and listed on the webpage
What is the benefit in focusing on this
Better user experience and ability to be able to configure the embedded pages to fit external websites seamlessly if height is decoupled from map zoom
Links to more details
https://about.openfoodnetwork.org.uk/embedded-maps/ (password is OFN)
Potential solutions that will solve this problem
height and zoom are independent of one another