2

我想在用户将鼠标悬停在给定链接上时打开信息窗口。gmaps4rails按标识选择标记

我已经给出了所有的标记ID和链接都有相同的ID。我可以让悬停打开一个信息窗口,我只是不知道如何让它打开它的链接的ID和正确的标记。 Js:它弹出在地图上打开一个信息框,只是不确定如何在地图上指定正确的ID。

<script type="text/javascript"> 
    $(document).ready(function() { 
     Gmaps.map.callback = function() { 
     $(".items li a").on("mouseover", function() { 
      //alert(this.id); 
      var marker = Gmaps.map.markers[0]; //this.id 
      var map   = Gmaps.map.serviceObject 
      marker.infowindow.open(map, marker.serviceObject); 
     }); 
     } 
    }); 
    </script> 

标记:

@json = @events.to_gmaps4rails do |event, marker| 
    marker.infowindow render_to_string(:partial => "/events/hover", :locals => { :event => event }) 
    marker.title "#{event.place.name}" 
    marker.json({ :id => event.id }) 
end 

链接:

<%= link_to event.place.name, pub_path(event.place), id: event.id %> 

回答

2

你接近。你必须迭代所有的标记才能找到正确的标记。使用underscore.js你可以做类似: