Avatar of xenium
xenium asked on

How to change the size of a google maps frame


I'd like to download a google maps in high resolution, to do this i need to adjust a frame to make it bigger than the screen whilst scaling up the contents. I can then use a frame grabber program to download the contents. Below is an example map of a small region of spain, is there a way to adjust the HTML code here to do this?


<iframe width="425" height="350" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="https://maps.google.com/maps?f=d&amp;source=s_d&amp;saddr=Logro%C3%B1o,+Spain&amp;daddr=santa+engracia,+spain+to:Anto%C3%B1anzas,+Spain+to:Arnedillo,+Spain+to:Gr%C3%A1valos,+Spain&amp;hl=en&amp;geocode=FQDuhwIdR7Ha_ymxkLMwQataDTFwiBaKkVKC-Q%3BFciuhQId5NLc_ynxCwl8nrBaDTGXWyMd0J_EkQ%3BFUgyhAId0Fzd_ynRxblwebhaDTF9FdqwB9jv1Q%3BFTcYhAIdvtXd_ym9uJfSXsdaDTGoHRLzOmfV5A%3BFfeFggIdX3zh_ykNy91QMO5aDTEHOw95wWe4uw&amp;aq=0&amp;oq=logro&amp;sll=42.285498,-2.224122&amp;sspn=0.418067,0.617294&amp;mra=ps&amp;ie=UTF8&amp;ll=42.285498,-2.224122&amp;spn=0.418067,0.617294&amp;t=m&amp;output=embed"></iframe><br /><small><a href="https://maps.google.com/maps?f=d&amp;source=embed&amp;saddr=Logro%C3%B1o,+Spain&amp;daddr=santa+engracia,+spain+to:Anto%C3%B1anzas,+Spain+to:Arnedillo,+Spain+to:Gr%C3%A1valos,+Spain&amp;hl=en&amp;geocode=FQDuhwIdR7Ha_ymxkLMwQataDTFwiBaKkVKC-Q%3BFciuhQId5NLc_ynxCwl8nrBaDTGXWyMd0J_EkQ%3BFUgyhAId0Fzd_ynRxblwebhaDTF9FdqwB9jv1Q%3BFTcYhAIdvtXd_ym9uJfSXsdaDTGoHRLzOmfV5A%3BFfeFggIdX3zh_ykNy91QMO5aDTEHOw95wWe4uw&amp;aq=0&amp;oq=logro&amp;sll=42.285498,-2.224122&amp;sspn=0.418067,0.617294&amp;mra=ps&amp;ie=UTF8&amp;ll=42.285498,-2.224122&amp;spn=0.418067,0.617294&amp;t=m" style="color:#0000FF;text-align:left">View Larger Map</a></small>

Open in new window

Web Graphics SoftwareWeb DevelopmentHTML

Avatar of undefined
Last Comment

8/22/2022 - Mon

Not sure I'm following you but just change the width and height of the iframe.

yeah that's what i thought but that just uncrops the map - i want to keep the same map boundary but have higher res

Append the iframe url with

Adjust the number to whatever zoom level you want.
Experts Exchange has (a) saved my job multiple times, (b) saved me hours, days, and even weeks of work, and often (c) makes me look like a superhero! This place is MAGIC!
Walt Forbes

I am not sure you can control the resolution.  If you can then the properties to do it will be buried somewhere in the API.  So I suggest you explore the API or look around the Google support documentation.

I don't think you can do anything with markup.  At the very least it will require some scripting.  If you want, I I add the javascript topic to the Question.


hi Gary thanks, where exactly do i append this can you show on the example code given?

Log in or sign up to see answer
Become an EE member today7-DAY FREE TRIAL
Members can start a 7-Day Free trial then enjoy unlimited access to the platform
Sign up - Free for 7 days
Learn why we charge membership fees
We get it - no one likes a content blocker. Take one extra minute and find out why we block content.
See how we're fighting big data
Not exactly the question you had in mind?
Sign up for an EE membership and get your own personalized solution. With an EE membership, you can ask unlimited troubleshooting, research, or opinion questions.
ask a question

Thanks a lot. Do you know what is the scale, or how I could calculate the correct scaling to capture the original bordering? In this example when scaling the iframe width x10, then by trial & error z=13 seems to do it.
Get an unlimited membership to EE for less than $4 a week.
Unlimited question asking, solutions, articles and more.

It's really a case of trial and error.