为什么谷歌地图生成的是静态地图而不是动态地图

Why is Google Map generating a static and not a dynamic map

本文关键字:地图 动态 谷歌地图 静态 为什么      更新时间:2023-09-26

我有以下代码显示谷歌地图:

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

它显示的不是一个可以用鼠标移动的动态地图,而是一个静态地图。我试图在这里遵循相同的方法:链接到Dyamic Map

但是我使用了一个变量来代替encodeURIComponent

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

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

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