Html 嵌入的Google Map iframe未居中标记

我使用以下代码在我的网站上显示地图：

        <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%有关吗？如果是，我该如何更正

编辑：

---

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

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

$'.maps iframe'.css'width'，$window.width+'px'

您可以尝试以下解决方案：。