Google maps 嵌入式谷歌地图缩小/不居中&；一般都是四轮马车

通过将所见即所得从“视觉”转换为“文本”，并直接从谷歌复制和粘贴iframe代码，我将谷歌地图嵌入到Wordpress网站的一个页面中

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

但是，保存页面后的输出如下所示：

iframe的大小很好，但很明显，它的缩放效果很差。我曾尝试通过在iframe src属性中附加&z=16或&zoom=16（此处建议-）来手动设置缩放，但没有任何区别。我也尝试过直接将地图嵌入HTML，而不是通过所见即所得（WYSIWYG），但同样没有什么区别

下面是我正在使用的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>

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

---

什么时候嵌入地图变得如此困难？什么时候有必要添加您自己的属性以使其像预览一样呈现？自从新的Google地图推出以来，我看到了很多类似的问题。

而不是iframe works

这并不能回答这个问题。评论或要求作者澄清，在他们的帖子下方留下评论。真的吗？昨天我遇到了与这里解释的相同的问题，搜索答案并到达这里，但没有找到答案。我在其他地方找到了解决方案。所以我在这里回答也是为了帮助他人。它对我有效，也应该对其他人有效。为什么你是b其他的。

<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>