asp.net-mvc-4 - Google マップの Div では、残りの HTML をレンダリングすることはできませんか?

Question

Google マップを保持するための div (id=map-canvas) の後にフォーム要素が Web ページに表示されない理由を知っている人はいますか?それは奇妙です。以下の例では、「Confidence」フィールドと [Submit] ボタンが表示されていません。何かアイデアはありますか??

ところで-divをフォームの外に置くと、すべてが正常にレンダリングされます。

@using (Html.BeginForm("Create", "Foo", FormMethod.Post, new { autocomplete = "off" }))
{
    @Html.AntiForgeryToken()
    @Html.ValidationSummary(true)

    <fieldset>
        <legend>FooLegend</legend>

        <div class="editor-label">
            @Html.LabelFor(model => model.Confidence)
        </div>
        <div class="editor-field">
            @Html.EditorFor(model => model.Confidence)
            @Html.ValidationMessageFor(model => model.Confidence)
        </div>

        <div id="map-canvas"/>

         <div class="editor-label">
            @Html.LabelFor(model => model.Notes)
        </div>
        <div class="editor-field">
            @Html.EditorFor(model => model.Notes)
            @Html.ValidationMessageFor(model => model.Notes)
        </div>

        <p>
            <input type="submit" value="Create" />
        </p>

    </fieldset>
}