Google Maps API + Jquery

2012-04-03 105 views 0 likes

我试图在网站上加载使用Google Maps API生成的地图。它显示在一个正常的div里面，但我只想通过点击一个按钮来显示它，这就是问题所在：我用jQuery来显示和隐藏div，但是当它显示时，几乎整个地图都是灰色的：Google Maps API + Jquery

这是我的代码：

$(document).ready(function() { 

    $('#div').hide(); 

    $('#button').click(function() { 

     $('#div').show(); 

     return false; 
    }); 
});

问题在哪？感谢您的帮助，谢谢。

来源

2012-04-03 Elena

您必须延迟地图创建，直到其容器可见为止，请参阅http://stackoverflow.com/questions/4064275/how-to-deal-with-google-map-inside-of-a-hidden-div-updated - 图片 – 2012-04-03 13:42:20

[Google Maps API - 奇怪地图“偏移”行为]的可能重复（http://stackoverflow.com/questions/4647747/google-maps-api-strange-map-offset-behaviour） – 2012-04-03 13:42:24

回答

谢谢！我通过将此到地图脚本，在第几行解决它：

功能displayMap（）{

的document.getElementById（ 'DIV'）的style.display = “块” ;

initialize（）;

}

，这给我的html：

<div id="button" onclick="displayMap()">Show Map</div>

与包含地图的div名称替换#div和“查看地图“用img，文字，无论你想要什么。

来源

2012-04-04 08:50:02 Elena

Google Maps API + Jquery

回答

相关问题