在选项卡中打开时让 gMaps 居中

Question

我在 wordpress 的选项卡中使用 gMaps。我可以显示地图，但是当单击选项卡时，地图不在其标记处居中。

gMap 代码

 jQuery(document).ready(function($) {
    $("#tb_gmap_<?php echo $id; ?>").gMap({
        maptype: "<?php echo $maptype; ?>",
        zoom: <?php echo $zoom; ?>,
        markers: [
            {
                address: "<?php echo $address; ?>",
                popup: <?php echo $popup; ?>,
                html: "<?php echo $html; ?>"
            }
        ],
        controls: {
            panControl: true,
            zoomControl: true,
            mapTypeControl: true,
            scaleControl: true,
            streetViewControl: false,
            overviewMapControl: false
        }
    });
});

HTML 重绘地图

<div id="tb_gmap_<?php echo $id; ?>" class="themeblvd-gmap" style="<?php echo $styles; ?>"></div>

jQuery 刷新地图

 // refresh google map
    tab_content.children('li[data-tab="' + data_tab + '"]').find('iframe[src^="https://www.google.com/maps"], iframe[src^="http://www.google.com/maps"]').each(function(){
        this.src = this.src;
        jQuery(this).css('opacity','0');
        jQuery(this).delay(400).animate({'opacity': '1'}, 500);
    });
    tab_content.children('li[data-tab="' + data_tab + '"]').find('.themeblvd-gmap').each(function(){
    google.maps.event.trigger(this, 'resize');
            });


    e.preventDefault();
});

请帮忙

Answer 1

  // put this after map get refreshed

  // give marker latitude and longitude here 
  map.setCenter(latitude,longitude);

Answer 2

试试这个：

// refresh google map
tab_content.children('li[data-tab="' + data_tab + '"]').find('iframe[src^="https://www.google.com/maps"],  iframe[src^="http://www.google.com/maps"]').each(function () {
    this.src = this.src;
    jQuery(this).css('opacity', '0');
    jQuery(this).delay(400).animate({
        'opacity': '1'
    }, 500);
});
tab_content.children('li[data-tab="' + data_tab + '"]').find('.themeblvd-gmap').each(function () {
    var c = this.getCenter();
    google.maps.event.trigger(this, 'resize');
    this.setCenter(c);
});
e.preventDefault();