Javascript 地图显示部分灰色

在我的表单中，我有一个选项卡类型togglabeltabs前端引导。每次单击选项卡，我都需要显示地图，不幸的是，地图显示为灰色部分。使用的代码：

@Using Ajax.BeginForm("Index", New AjaxOptions() With { _
                                                        .UpdateTargetId = "AnswerSN",
                                                        .HttpMethod = "POST"
                                                      })
@<Script>
    init("tab1");

    function ChangeDiv(whoDiv) {
        if (whoDiv.href.indexOf("#tab1") != -1) {
            $(".mezzouno").attr("id", "old-map")
            $(".flottauno").attr("id", "basic-map")
            clearTimeout(TimeR)
            init("tab1");
        } else if (whoDiv.href.indexOf('#mezzo1') != -1) {
            $(".flottauno").attr("id", "old-map")
            $(".mezzouno").attr("id", "basic-map")
            clearTimeout(TimeR)
            init("mezzo1");
        }
    }

    var TimeR;

    function Fleet() {
        var updateUrl = '@Url.Action("FleetVb", "Home")';

        $.ajax({
            url: updateUrl,
            success: function (result) {
                FleetJs(result);
            },
            cache: false
        });

        clearTimeout(TimeR)
        TimeR= window.setTimeout("Fleet()", 60000);
    }

    function Vehicle() {
        var updateUrl = '@Url.Action("PointVb", "Home")';

        $.ajax({
            url: updateUrl,
            success: function (result) {
                initialize(result);
            },
            cache: false
        });

        clearTimeout(TimeR)
        TimeR= window.setTimeout("Vehicle()", 60000);
    }

    function init(whoDiv) {
        var myOptions = {
            zoom: 8,
            center: new google.maps.LatLng(41.895122, 12.481627),
            mapTypeId: google.maps.MapTypeId.ROADMAP,
            panControl: true,
            panControlOptions: {
                position: google.maps.ControlPosition.RIGHT_TOP
            },
            zoomControlOptions: {
                style: google.maps.ZoomControlStyle.SMALL
            },
            streetViewControl: false,
            scaleControl: true
        };

        map = new google.maps.Map(document.getElementById("basic-map"), myOptions);
        google.maps.event.trigger(map, 'resize');

        if (whoDiv== 'tab1') {
            window.setTimeout("ProvaFlotta()", 1000);
        } else if (whoDiv== 'mezzo1') {
            window.setTimeout("Prova()", 1000);
        }
    }
</script>

@<div id="AnswerSN" style="position:absolute; top:100px"></div>

End Using

我在哪里处理选项卡及其下的单击并检查地图的id？ 不幸的是，我发现：

---

您可以调出完整地图而不是灰色？

放大浏览器窗口，地图变为可见，单击选项卡“我看到另一张背面为灰色的地图”并加宽可见窗口

如何使其始终可见？似乎有一些事情发生了冲突

帮助

然后， 我使用另一个布尔型变量插入了Fleet和Vehicle这两个函数的resize，因此resize只需执行一次。对这两个函数的调用由init执行，计时器为200毫秒，因此地图可能不会以灰色显示

---

再次感谢。

这可能是css问题：初始化映射的部分代码是可以的。放大后显示意大利和罗马地区。检查地图的样式设置。确定，加宽浏览器窗口地图将返回正常可见状态，单击选项卡返回到灰色的可见部分，并将窗口放大回100%可见。您可以使其在单击时始终可见？