Question

为了在我的网站上显示地图，我有以下一些代码：

        <div class="embed-container maps">
            <iframe src="https://www.google.com/maps/embed?pb=!1m14!1m8!1m3!1d18730122.383938454!2d-7.362368!3d55.03634899999871!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x485fe22e4b6ff5d7%3A0xf32e6f9c480d1e1c!2sDee.ie+Ltd!5e0!3m2!1sen!2sca!4v1409609045175" width="100%" height="300" frameborder="0" style="border:0"></iframe>
        </div>

问题是，标记偏离左侧并且不居中。这与宽度为100％有关吗？如果是这样，我该如何纠正？

编辑：

我注意到的是，我有2个显示器连接起来，这可能是试图将两个显示器之间的地图居中吗？如果从这个角度来看，它在技术上是完全集中的。

Answer 1

我已使用以下jQuery解决了这个问题：

$（＆＃39; .maps iframe＆＃39;）。css（＆＃39; width＆＃39;，$（window）.width（）+＆＃39; px＆＃39;）;

嵌入式Google Map iframe不居中标记

1 个答案: