我使用的是Gmaps4rails,我设法让它在选项卡中工作,并将此代码添加到选项卡功能中。
$(function() {
$( "#tabs" ).tabs({
fx: { opacity: 'toggle' },
select: function(event, ui) {
jQuery(this).css('height', jQuery(this).height());
jQuery(this).css('overflow', 'hidden');
},
show: function(event, ui) {
jQuery(this).css('height', 'auto');
jQuery(this).css('overflow', 'visible');
google.maps.event.trigger(map, 'resize');
}
});
http://hik-fyp.heroku.com/en/events/31
正如您在本例中看到的(向下滚动并单击"地图"选项卡),地图看起来很好,但标记刚好在左上角。标记在正确的位置,地图不在中心。
知道为什么吗?
如果它是地图的唯一标记:
var lat = Gmaps.map.markers[0].lat;
var lng = Gmaps.map.markers[0].lng;
var centerpoint = new google.maps.LatLng(lat, lng);
Gmaps.map.map.setCenter(centerpoint);
最好您应该能够在创建标记时提供此跳线