我的要求是在标记上添加onclik监听器。 我的观点如下:
<div class="map-wrapper">
<div id="map_div" style=" height: 800px;"></div>
</div>
<script src="//maps.google.com/maps/api/js?v=3.13&sensor=false&libraries=geometry" type="text/javascript"></script>
<script src='//google-maps-utility-library-v3.googlecode.com/svn/tags/markerclustererplus/2.0.14/src/markerclusterer_packed.js' type='text/javascript'></script>
<script>
handler = Gmaps.build('Google', { markers: { maxRandomDistance: null } });
var mapOptions = { mapTypeId: google.maps.MapTypeId.SATELLITE };
handler.buildMap({ provider: mapOptions, internal: {id: 'map_div'}}, function(){
markers = handler.addMarkers(<%=raw @hash.to_json %>);
handler.bounds.extendWith(markers);
handler.fitMapToBounds();
handler.getMap().setZoom(19);
});
</script>
<% content_for :scripts do %>
<script type="text/javascript">
Gmaps.map.callback = function(){
for(var i = 0; i < Gmaps.map.markers.length; i++){
marker = Gmaps.map.markers[i];
google.maps.event.addListener(marker.serviceObject, 'click', (function(marker){return function(){alert(marker.id);}})(marker))
}
}
</script>
<% end %>
但是当看起来像回调函数没有被调用时。我在这里或在布局application.html.erb中遗漏了一些东西。 在application.html.erb中我放了
<%= yield %>
<%= yield :scripts %>
我的控制器代码如下所示
def index
@sens = Sen.all
@hash = Gmaps4rails.build_markers(@sens) do |sen, marker|
marker.lat sen.latitude
marker.lng sen.longitude
marker.picture({"url" =>"/images/red_bl.gif","width" => 36, "height" => 36 })
端 logger.info @hash 端
rails版本是4.0.2 红宝石1.9.3 'gmaps4rails','2.1.1'
答案 0 :(得分:0)
Gmaps.map.callback
不是v2.x中的现有方法。
如果您需要回调,只需在以下后面添加:
markers = handler.addMarkers(<%=raw @hash.to_json %>);
顺便说一句,我建议你使用:
marker.getServiceObject()
在v2.x中不需要 <%= yield :scripts %>