Google maps embed with wrong zoom

google-maps google-maps-embed
user2957967 picture user2957967 · Mar 13, 2014 · Viewed 11.7k times · Source

i'm having a problem with new google maps embed. As you can see in my print off my site, the maps embed is so far zoomed out. How can i solve this problem ? I want to embed the map with a regular/normal zoom

I can't add image to this post because i don't have the necessary reputation. Here's a link of my print: http://imageshack.com/a/img89/958/figs.jpg

Thanks guys!

Answer

Mark Duiker picture Mark Duiker · Apr 25, 2014

You can add a zoom paramater to the src part of your html code. The lower the number the farther out you zoom. Zoom = 10 is a good place to start testing.

<iframe width="600" height="450" frameborder="0" style="border:0" src="https://www.google.com/maps/embed/v1/place?key=API_KEY&q=Space+Needle,Seattle+WA&zoom=10"></iframe>

You can find out more in Google's documentation on this page under "Optional Parameters". https://developers.google.com/maps/documentation/embed/guide

Related questions

multiple markers google maps embed API

I need to place several markers which specified by coordinates on embed map. I know how to do it for one marker, but don't know for multiple. <iframe width="100%" height="100%" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="https://www.google.…

Read More
Google Maps Embed - Remove Place Card

I'm using the new Google maps embed code (iFrame) to add a small map to my website, but I can't hide the new address box in the top left corner (see image below). I have generated the map code by …

Read More
Disable map controls in Google Maps embed

Is it possible to disable map controls by adding some variables to the Google Maps embed code?

Read More