2

当用户将鼠标悬停在给定链接上时,我想打开一个信息窗口。

我已经给了所有标记 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 %>
4

1 回答 1

2

你很亲密。您必须遍历所有标记才能找到正确的标记。使用underscore.js您可以执行以下操作:

Gmaps.map.callback = function() {
  $(".items li a").on("mouseover", function() {

    //id of selected marker
    i = $(this).attr("id");
    marker = _.find(Gmaps.map.markers, function(obj) { return obj.id == i })
    var map         = Gmaps.map.serviceObject          
    marker.infowindow.open(map, marker.serviceObject);
  });
}
于 2013-02-24T17:13:09.427 回答