Link to home
Start Free TrialLog in
Avatar of nsitedesigns
nsitedesignsFlag for United States of America

asked on

adjust zoom for google map on website

Is there a way to display a certain zoom on a map that is embedded in a website with an iframe?  Client would like map zoomed out significantly.

http://beta.windeverfarm.com/rent/

<iframe style="border: 0;" src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d2879.076383608102!2d-87.95760399999999!3d43.812774999999995!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x880363b484bffb65%3A0x661fac2b01877773!2sW5228+Gerber+Lake+Rd%2C+Plymouth%2C+WI+53073!5e0!3m2!1sen!2sus!4v1430839076487" width="350" height="300" frameborder="0"></iframe>

Open in new window

Avatar of Shaun Kline
Shaun Kline
Flag of United States of America image

Google Maps Embed API indicates that you can use an optional parameter of zoom, or you can set up your URL to the zoom that you desire and then use that URL.
Avatar of nsitedesigns

ASKER

SOLUTION
Avatar of Shaun Kline
Shaun Kline
Flag of United States of America image

Link to home
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
Start Free Trial
The result you provided the map is too large
width="600" height="450"

I need map to fit
width="350" height="300"
SOLUTION
Link to home
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
Start Free Trial
I went to view larger map. Zoomed out 3 more levels. Grabbed the code.  Plunked it in site and it would not display.  Not sure why.

This is new code:
<iframe style="border: 0;" src="https://www.google.com/maps/place/W5228+Gerber+Lake+Rd,+Plymouth,+WI+53073/@43.812775,-87.957604,9z/data=!4m2!3m1!1s0x880363b484bffb65:0x661fac2b01877773?hl=en-US" width="350" height="300" frameborder="0"></iframe>

Open in new window


This is old code that displays:
<iframe style="border: 0;" src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d2879.076383608102!2d-87.95760399999999!3d43.812774999999995!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x880363b484bffb65%3A0x661fac2b01877773!2sW5228+Gerber+Lake+Rd%2C+Plymouth%2C+WI+53073!5e0!3m2!1sen!2sus!4v1430839076487" width="350" height="300" frameborder="0"></iframe>

Open in new window

ASKER CERTIFIED SOLUTION
Link to home
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
Start Free Trial
Ah, you are correct.  I made the change and BINGO it worked!