为什么Google Map会生成静态而非动态地图

Question

我有以下代码显示Google地图：

<div class="col span_1_of_3 gMapHolder">
</div>

JQuery的：

$(document).ready(function () {
    alert($(".mapUse").text());
    var k = $(".mapUse").text();
    var embed = "<iframe width='425' height='350' frameborder='0' scrolling='no'  marginheight='0' marginwidth='0'   src='https://maps.google.com/maps?&amp;q=" + encodeURIComponent(k) + "&amp;output=embed&iwloc'></iframe>";
    $(".gMapHolder").html(embed);
});

除了可以用鼠标移动的动态地图，它只显示静态地图。我试图在这里遵循相同的方法：Link to Dyamic Map

但我正在使用变量代替encodeURIComponent。

如何添加变量并显示动态地图

Answer 1

Google似乎有一些代码可以检测iframe的大小，如果它太小，则会显示静态图片。我在这个测试中所做的就是给它一个500px的高度。 http://jsfiddle.net/33t9qjvr/

.span_1_of_3 {
    width: 100%;
    height: 500px;
}