嵌入式谷歌地图缩小/不居中且通常有问题答案

【问题标题】：Embedded Google Map zoomed out/not centred & generally buggy嵌入式谷歌地图缩小/不居中且通常有问题
【发布时间】：2014-12-18 03:22:51
【问题描述】：

通过将 WYSIWYG 从“视觉”切换为“文本”并直接从 Google 复制和粘贴 iframe 代码，我已将 Google 地图嵌入到我的 Wordpress 网站的页面中。

地图应该是这样的，这是我在谷歌地图上得到的预览：

但是页面保存后的输出是这样的：

iframe 的大小很好，但显然缩放是出路了。我尝试通过将 iframe src 属性附加到 &z=16 或 &zoom=16 （这里建议 - https://productforums.google.com/forum/#!topic/maps/kcjwmB5XFx8）手动设置缩放，但这没有区别。我也尝试过将地图直接嵌入 HTML 中，而不是通过所见即所得，但同样没有区别。

这是我正在使用的 iframe（直接来自 Google，并添加了 &zoom=16：

<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d2378.829376418671!2d-2.177285999999947!3d53.399992000000005!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x487bb3692bfd0239%3A0xa83c755a7500764!2sThe+Wycliffe+Hotel+Ltd!5e0!3m2!1sen!2suk!4v1413989769351&zoom=16" width="891" height="501" frameborder="0" style="border:0"></iframe>

没有将 CSS 应用于 iframe，根本无法解决。我知道人们在嵌入最新版本的谷歌地图时遇到了问题，所以我也尝试恢复到经典的谷歌地图并使用旧的嵌入代码，我可以使用以下代码使缩放工作但无法居中标记上的地图（标记在最左上角）。

<iframe width="891" height="501" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="https://maps.google.co.uk/maps?sll=53.399992,-2.177286&amp;sspn=0.0049128,0.0109864&amp;cid=757668333021562724&amp;q=The+Wycliffe+Hotel+Ltd&amp;ie=UTF8&amp;hq=&amp;hnear=&amp;t=m&amp;ll=53.399992,-2.177286&amp;spn=0.006295,0.006295&amp;output=embed&z=16"></iframe>

什么时候嵌入地图变得如此困难？什么时候需要添加您自己的属性才能像预览一样渲染？自从推出新的 Google 地图以来，我已经看到很多类似的问题。

【问题讨论】：

标签： google-maps iframe

【解决方案1】：

<embed> instead of iframe works </embed>

【讨论】：

这并没有提供问题的答案。要批评或要求作者澄清，请在其帖子下方发表评论。
真的吗？？昨天我遇到了与here解释相同的问题，并搜索了答案并到达了here，但没有找到答案。我在其他地方找到了解决方案。所以我在这里回答也是为了帮助别人。它对我有用，对其他人也应该如此。你为什么要打扰。