Question

jQuery标签中的Google地图一直存在问题，但我已设法让它们显示在标签中。但是，地图不以地址位置为中心。以下是我的代码：

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

themeblvd-gmap是我可以用来调用地图的wordpress插件。

要运行地图，正在使用的代码是：

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

我可以获得帮助让地图居中的任何帮助吗？

由于

Answer 1

像这样修改你的代码：

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

Jquery选项卡中的Google地图无法居中

1 个答案: