如何缩小嵌入式谷歌地图?

时间:2015-12-11 08:44:47

标签: javascript html google-maps embed

在我的网站中,我使用以下代码(jsfiddle here)使用嵌入式谷歌地图:

<iframe
    width="300"
    height="170"
    frameborder="0"
    scrolling="no"
    marginheight="0"
    marginwidth="0"
    src="https://maps.google.com/maps?q=52.3735618,4.8943677&hl=es;z=3&amp;output=embed">
    </iframe>

地图显示正常,但我希望地图显示一个大区域(即缩小一点)。我尝试在网址中改变z的值,但这似乎没有改变任何东西。

有人知道如何用这个嵌入式谷歌地图展示大面积区域吗?欢迎所有提示!

1 个答案:

答案 0 :(得分:2)

你在src中使用的url是错误的,为了分隔你必须使用的参数&

它使用此网址:
https://maps.google.com/maps?q=52.3735618,4.8943677&hl=es&z=15&output=embed

您可以在此处使用缩放参数(1-20个值):
http://jsfiddle.net/e5w4enb5/