我在Rails应用程序中为信息窗口的关闭操作而苦苦挣扎。
我的js：
<script type="text/javascript">
$(document).ready(function(){
var raw_markers = <%=raw @hash.to_json %>;
function createSidebarLi(json){
return json.sidebar;
//return ("<li>" + json.titre + ' ' + json.address + "</li>");
};
function bindLiToMarker($li, marker){
$li.on('click', function(){
handler.getMap().setZoom(14);
marker.setMap(handler.getMap()); //because clusterer removes map property from marker
marker.panTo();
google.maps.event.trigger(marker.getServiceObject(), 'click');
});
};
function bindLiToMarkerMouseOver($li, marker){
$li.on('mouseover', function(){
handler.getMap().setZoom(14);
marker.setMap(handler.getMap()); //because clusterer removes map property from marker
marker.panTo();
google.maps.event.trigger(marker.getServiceObject(), 'click');
//marker.serviceObject.setIcon("/assets/marker_sprite.png");
});
};
function createSidebar(json_array){
_.each(json_array, function(json){
var $li = $( createSidebarLi(json) );
$li.appendTo('#markers_list');
bindLiToMarker($li, json.marker);
bindLiToMarkerMouseOver($li, json.marker);
});
};
//handler = Gmaps.build('Google', { builders: { Marker: InfoBoxBuilder} });
handler = Gmaps.build('Google');
handler.buildMap({ internal: {id: 'map'}}, function(){
var markers = handler.addMarkers(raw_markers);
_.each(raw_markers, function(json, index){
var marker = markers[index];
json.marker = marker;
//google.maps.event.addListener(marker.getServiceObject(), 'mouseover', function(){
//google.maps.event.trigger(marker.getServiceObject(), 'click');
//});
});
google.maps.event.addListener(map, "click", function(){
closeInfoWindow();
});
createSidebar(raw_markers);
handler.bounds.extendWith(markers);
handler.fitMapToBounds();
});
});
</script>
如果用户单击地图，但我无法调用gmap事件来关闭它们。我认为我必须更改拨打电话的位置，但不确定，我到处都尝试过。
有人有主意吗？
ps：我使用的是Gmaps4rails，但通常与js无关。
声明函数：
function closeInfoWindow(handler){
if(handler.currentInfowindow()) {
handler.currentInfowindow().close();
}
}
并称之为：
closeInfoWindow(handler);
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句