嵌入式Google地图缩小/不居中＆amp;一般越野车

Question

我已经在我的Wordpress网站上将Google地图嵌入了一个页面，方法是将所见即所得从“视觉”中切换下来。到＆＃39;文字＆＃39;并直接从Google复制和粘贴iframe代码。

地图应如下所示，这是我在谷歌地图上的预览：

但是，保存页面后的输出是：

iframe的大小很好，但很明显缩小了。我已经尝试通过附加iframe src属性来手动设置缩放，其中＆amp; z = 16或＆amp; zoom = 16（此处建议 - https://productforums.google.com/forum/#!topic/maps/kcjwmB5XFx8），但它没有任何区别。我也试过直接在HTML中嵌入地图，而不是通过WYSIWYG，但是它没有任何区别。

以下是我使用的iframe（直接来自Google并添加＆amp; 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，根本无法解决问题。我知道人们在嵌入最新版Google地图时遇到了问题，所以我也尝试恢复到经典的谷歌地图并使用旧的嵌入代码，我可以使用以下代码进行缩放工作但不能将地图置于标记中心（标记位于最左上角）。

<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地图以来，我已经看到了很多类似的问题。

Answer 1

<embed> instead of iframe works </embed>