gmaps4rails：如何從控制器檢索json值？

Question

我有一個shop模型。我想輸出一個簡單的警報框，當我點擊地圖上的商店標記時，使用javascript顯示shop名稱。

這是我的代碼：

# controller 
@json = Shop.all.to_gmaps4rails do |shop, marker| 
    marker.json({ id: shop.id, name: shop.name }) 
end 

# view 
<%= gmaps("map_options" => { auto_zoom: false, zoom: 2, class: "homepage-map" }, 
     "markers" => { data: @json, 
        options: { do_clustering: true, 
           clusterer_maxZoom: 11, 
           raw: "{ animation: google.maps.Animation.DROP }" } 
        }) 
%> 

<% content_for :scripts do %> 
<script type="text/javascript" charset="utf-8"> 
Gmaps.map.callback = function() { 
    for (var i = 0; i < this.markers.length; ++i) { 
    google.maps.event.addListener(Gmaps.map.markers[i].serviceObject, 'click', function() { 
     alert(put something here); 
    }); 
    } 
}; 
</script> 
<% end %> 

這是我第一次處理JSON，所以我讀過關於JSON一些介紹性的文章，也json in javascript。我想知道這是如何完成與gmaps4rails。

Answer 1

這應該做的伎倆：

<script type="text/javascript" charset="utf-8"> 
function handleMarkerClickClosure(marker) { 
    return function() { 
    alert(marker.name); 
    } 
} 

Gmaps.map.callback = function() { 
    for (var i = 0; i < this.markers.length; ++i) { 
    google.maps.event.addListener(Gmaps.map.markers[i].serviceObject, 'click', handleMarkerClickClosure(Gmaps.map.markers[i])); 
    } 
}; 
</script>