使用谷歌地图时显示div

我在我的rails应用程序中使用google map api，当有人使用地图时，我想用jquery显示div。

地图包含在id为search_map_container的div中，所以我尝试了

$('#search_map_container').click(function() { $('#my_div').show(); }); 

但它失败了。 它也会因.focus() .focusin() .mouseenter()或.change()事件而失败。

对于putvande：我的html是一个简单的div：

 
 This is a test  

谷歌地图html是由谷歌生成的：

 
 
 ... Google map code ... 
  

对于Bharat Soni：我的意思是当有人点击谷歌地图或滚动或缩放。

Answer 1

您尝试单击的容器没有id “search_map_container”，而是“search_map_container” class 。 所以它应该是：

 $('.search_map_container').click(function() { $('#my_div').show(); }); 

Answer 2

您也可以使用Google地图事件监听器执行此操作：

 google.maps.event.addListener(map, 'center_changed', function() { $('#my_div').show(); }); google.maps.event.addListener(map, 'click', function() { $('#my_div').show(); }); google.maps.event.addListener(map, 'zoom_changed', function() { $('#my_div').show(); }); 

见这里： http ： //jsfiddle.net/RSBgP/