谷歌地图v3 API + jQuery冲突？

Question

现在已经是这个网站的读者了。希望你们/加尔可以帮助我解决紧急问题。

我试图开发一个商店定位器（使用Google Maps v3 API），它位于一个可扩展的DIV中。但是，地图没有正确显示（请参阅下面的链接）。我一般都是jQuery的新手，所以这对我来说有点新鲜。

我当然知道这里有冲突。正如当我删除可扩展DIV的ready函数时，地图将正确显示。但是，并非与呼叫有...

所有代码都可以在这里找到：

http://t-zonevibration.com/expandable_store_locator/

它是一个jQuery的冲突？如果是这样，我该如何解决它？

Answer 1

的#map元素必须是可见的网页...

所以，你需要把初始化代码在回调到slideToggle。

$(document).ready(function() { 

    //Hide (Collapse) the toggle containers on load 
    $(".toggle_container").hide(); 

    //Switch the "Open" and "Close" state per click then slide up/down (depending on open/close state) 
    $("h9.trigger").click(function() { 
     $(this).toggleClass("active").next().slideToggle("slow", function() { 
      if ($(this).is(':visible')) { 
       map = InitMap(null, 'map', centerCoord, true); // initialize the map on default location 
      } 
     }); 
     return false; //Prevent the browser jump to the link anchor 
    }); 

    handle_clicks(); // click events handling by jQuery  
}); 

演示在http://jsfiddle.net/gaby/A5jnV/