asp.net - Google マップがコンテナに読み込まれない

Question

で Google マップを読み込もうとして<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>