asp.net - 谷歌地图未加载到容器中

Question

我正在尝试将 Google Map 加载到 中<td>，但我无法找到问题所在。

脚本

function initialize() {
    var mapOptions = {
        center: new google.maps.LatLng(33, 73),
        zoom: 8,
        mapTypeId: google.maps.MapTypeId.ROADMAP
    };
    var map = new google.maps.Map(document.getElementById("map"),
            mapOptions);

}

HTML

<asp:Content ID="BodyContent" runat="server" ContentPlaceHolderID="MainContent">

    <table class="style1">
        <tr>
            <td>
                &nbsp;</td>
            <td>
                &nbsp;</td>
            <td>
                &nbsp;</td>
            <td>
                &nbsp;</td>
            <td>
                &nbsp;</td>
            <td>
                &nbsp;</td>
        </tr>
        <tr>
            <td colspan="6" id="map" style="height:600px;">
                &nbsp;</td>
        </tr>
    </table>

</asp:Content>

您可以在下图中看到我的地图是如何加载的，它应该加载到浅灰色区域。

Answer 1

在 td 中创建一个 div

<td colspan="6" style="height:600px;">
        <div id="map" style="width:100%; height:100%"></div>         
</td>