ruby-on-rails - gmaps4rails 在选项卡内映射时显示标记就在地图外

Question

我正在使用 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

正如您在此示例中看到的（向下滚动并单击“地图”选项卡），地图看起来不错，但标记就在左上角之外。标记在正确的位置，地图不在中心。

知道为什么吗？

Answer 1

如果它只是地图的标记：

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);

最好在创建标记时提供此线