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

Question

我有以下代码显示了Google Map：

<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);
});

它没有显示我可以用鼠标移动的动态地图，而是显示了静态地图。 我在这里尝试遵循相同的方法： 链接到动态地图

但是我改为使用一个变量作为encodeURIComponent 。

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

Answer 1

Google似乎有一些代码可以检测iframe的大小，并在iframe太小的情况下显示静态图像。 我在此测试中所做的只是将其高度设置为500px。 http://jsfiddle.net/33t9qjvr/

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