0

我在我的 Rails 应用程序中使用谷歌地图 api，当有人使用地图时，我想用 jquery 显示一个 div。

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

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

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

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

<div id='my_div' style='display:none;'>
    This is a test
</div>

google map html 是由 google 生成的：

<div class="search_map_container"> 
  <div id="search_map" class="gmaps4rails_map" style="position: relative; background-color: rgb(229, 227, 223); overflow: hidden; -webkit-transform: translateZ(0);"><div style="position: absolute; left: 0px; top: 0px; overflow: hidden; width: 100%; height: 100%; z-index: 0;">
  ...
  Google map code
  ...
  </div>
</div>

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

4

2 回答 2

0

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

$('.search_map_container').click(function() {
    $('#my_div').show();
});
于 2013-08-28T10:00:35.823 回答
0

您也可以使用 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/

于 2013-08-28T10:32:02.473 回答