2

사용자가 특정 링크 위로 마우스를 가져 가면 정보 창이 열리도록하고 싶습니다.gmaps4rails ID로 마커 선택

모든 표식 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을 사용하면 다음과 같이 할 수 있습니다.

관련 문제