Google maps 古老的谷歌地图&；标签，而不是加载？

下面的代码应该可以工作，但由于某些原因，第二个选项卡没有正确加载地图

地图调整似乎没有正常工作，但我不明白为什么它没有加载。它的周度负载，当它做第二个标签没有加载标记在页面中间？

jQuery(document).ready(function($) {   


                //Default Action
                $(".tab_content").hide();
                $("ul.tabs li:first").addClass("active").show(); 
                $(".tab_content:first").show(); 

                //On Click Event
                $("ul.tabs li").click(function() {
                    $("ul.tabs li").removeClass("active");
                    $(this).addClass("active"); 
                    $(".tab_content").hide(); 
                    var activeTab = $(this).find("a").attr("href"); 
                    $(activeTab).fadeIn();  
                    return false;
                });



                function initialize()
                {


                    var latlng = new google.maps.LatLng(51.5388795,-0.057876099999930375);
                    var latlng2 = new google.maps.LatLng(51.54141329999999,-0.08070509999993192);

                    var myOptions =
                    {
                        zoom: 15,
                        center: latlng,
                        mapTypeId: google.maps.MapTypeId.ROADMAP
                    };

                    var myOptions2 =
                    {
                        zoom: 15,
                        center: latlng2,
                        mapTypeId: google.maps.MapTypeId.ROADMAP
                    };

                    var map = new google.maps.Map(document.getElementById("mapcanvas1"), myOptions);

                    var map2 = new google.maps.Map(document.getElementById("mapcanvas"), myOptions2);

                    var myMarker = new google.maps.Marker(
                    {
                        position: latlng,
                        map: map,
                        title:"Test Title"
                   });

                    var myMarker2 = new google.maps.Marker(
                    {
                        position: latlng2,
                        map: map2,
                        title:"Test Title"
                    });


                    $(".tabs a").click(function() {
                        $(".tab_container > div").css({'display':'block'});
                        google.maps.event.trigger(map, 'resize');

                    });
                }                   

                google.maps.event.addDomListener(window, 'load', initialize);

        })  

---

谷歌地图Api已经更新。签出新的Api版本。

您还需要在“map2”上触发调整大小事件。在显示div之后，您必须执行此操作。一旦贴图具有正确的大小，还必须设置贴图的中心（否则它将显示在左上角）

---

标签是如何定义的（CSS/HTML是什么样子的）？你能提供一份报告吗（尽管我很难相信某处没有类似的报告）。A（但没有标签）更新了你的小提琴和我的标签。。。似乎加载地图，但标记不在中间…但不在fiddle外部加载地图：(

//On Click Event
$("ul.tabs li").click(function() {
    $("ul.tabs li").removeClass("active");
    $(this).addClass("active"); 
    $(".tab_content").hide(); 
    var activeTab = $(this).find("a").attr("href"); 
    $(activeTab).fadeIn();  
    return false;
});

$(".tabs a").click(function () {
    $(".tab_container > div").css({
        'display': 'block'
    });
    google.maps.event.trigger(map, 'resize');
    google.maps.event.trigger(map2, 'resize');
    setTimeout(function () {
        map.setCenter(latlng);
        map2.setCenter(latlng2);
    }, 100);
 });