修改嵌入式Google地图的缩放级别

时间:2015-02-09 21:50:33

标签: javascript google-maps iframe zoom embed

我尝试使用"嵌入"在网站上嵌入Google地图。功能位于Google地图右下方的小装备中,但它无法正常工作。

Google给我的代码是

<iframe src="https://www.google.com/maps/embed?pb=!1m14!1m8!1m3!1d2624.5858505793394!2d2.3871443!3d48.86610729999999!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x47e66ded9ca48efd%3A0xa93530d75f2314da!2s39+Rue+Duris%2C+75020+Paris%2C+France!5e0!3m2!1sen!2sus!4v1423516102867" width="400" height="300" frameborder="0" style="border:0"></iframe>

生成的嵌入式地图看起来像便便便便这样:

http://ge.tt/7BYxCBA2/v/0

我在Gogol上搜索了这方面的帮助,但即使是他们自己的教程也提供了不再有用的代码(!)

我在Stack Overflow上看过类似的问题,但它们都可以追溯到多年前,当嵌入代码具有不同的结构时,你可以添加&#34;&amp; zoom = 10&#34;或&#34;&amp; z = 10&#34;它会起作用,所以我仍然尝试过,但它没有用。

我也尝试过注册一个API密钥,这是谷歌希望你做的事情,但这并没有解决,尽管这次代码看起来不同。所以我添加了&#34;&amp; zoom = 10&#34;这个代码关闭了缩放到地址,但它没有地图中间的地址,但在地图之外,我宁愿不必使用API​​密钥。

然后我想&#34; stoopid Google!&#34;我尝试嵌入一个Yahoo!地图。这里也没有成功 - 只是一个空白框架!

失败的结果显示在此处的联系页面上:http://www.h3ds.fr/v2/

请帮助:)

编辑:显然我不得不继续讨论这个话题,因为我无法通过简单的方法让Google代码在我的工作框架内运行。 我的解决方案是在地图上放置一个谷歌地图的可点击屏幕抓取,链接到谷歌地图网站。在Google制作有效的代码之前,这非常有效!

1 个答案:

答案 0 :(得分:0)

我解决了这个问题:部分原因。我正在进行客户端更新,并且不想沿着完整的API注册和集成的路线(小预算),所以我想了解Google embed?pb 命令更多的是看我能改变什么。

没有运气改变地图中心,这仍然存在于问题引脚上,但我确实更改了默认缩放。

使用'!'作为分隔符,第14 元素为4f13.1 - 更改13部分更改了缩放...更大的数字,更宽的缩放...

<iframe src="https://www.google.com/maps/embed?pb=!
1m18!
1m12!
1m3!
1d2478.740851360751!
2d-0.04087238408799207!
3d51.59131277964901!
2m3!
f0!
2f0!
3f0!
3m2!
1i1024!
2i768!
4f13.1! <- this one!!
3m3!
1m2!
1s0x48761dce1151aaab%3A0xba9569f9da72e2c6!
2sBespokea!
5e0!
3m2!
1sen!
2suk!
4v1500822710038" width="800" height="516" frameborder="0" style="border:0" allowfullscreen></iframe>