【问题标题】:Modify the zoom level of an embedded Google Map修改嵌入式 Google 地图的缩放级别
【发布时间】:2015-04-09 19:13:36
【问题描述】:

我正在尝试使用位于谷歌地图右下角小齿轮中的“嵌入”功能在网站上嵌入谷歌地图,但它不起作用。

谷歌给我的代码是

<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 上查看过类似的问题,但它们都可以追溯到几年前,当时嵌入代码具有不同的结构,您可以添加“&zoom=10”或“&z=10”,它会工作,所以我仍然尝试了,但它没有工作。

我也尝试过注册 API 密钥,这似乎是 Google 希望您执行的操作,但没有成功,尽管这次代码看起来有所不同。所以我在这段代码中添加了“&zoom=10”,它关闭了对地址的缩放,但是它没有地址在地图中间,而是在地图之外,而且我宁愿不用API 密钥。

然后我想“愚蠢的谷歌!”我尝试嵌入一个 Yahoo!地图。这里也没有成功 - 只是一个空白框架!

失败的结果在这里的联系页面上:http://www.h3ds.fr/v2/

请帮忙:)

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

【问题讨论】:

  • 我已经建立了一个有效的Fiddle
  • 谢谢!虽然,我不是 javascript 方面的专家 - 你在哪里托管 javascript 部分,直接在 HTML 上?您是如何生成 javascript 代码的?谢谢你:)
  • “主机”是什么意思?我已将 Google Maps API 添加为外部资源 + 添加了最少的代码以获得您期望的结果。
  • 对不起,我不明白你在说什么。我在哪里粘贴您在小提琴的“javascript”部分中编写的代码?如果我不把它放在任何地方,它就不起作用。
  • 哦,你可以将它插入到 HTML 文件的末尾,就在 &lt;/body&gt; 之后

标签: javascript google-maps iframe zooming embed


【解决方案1】:

我解决了这个问题:部分。我正在处理客户端更新,不想为他们走完整的 API 注册和集成路线(预算小),所以我想了解 Google embed?pb 命令更多,看看我可以改变什么。

没有运气改变地图中心,这仍然在有问题的大头针上,但我确实更改了默认缩放。

使用“!”作为分隔符,14th 元素是 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>

【讨论】:

  • 您能否指出一些来自 Google 的文档,以便答案适用于更广泛的受众?
  • 非常感谢@FlusterDesign 的回复! zzoom 参数似乎都不起作用,但 4f13.1 的东西可以完成这项工作。
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 2017-09-30
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2011-09-12
相关资源
最近更新 更多