Веб-форма не отображается должным образом внутри iframe

Я пытаюсь показать карту в веб-приложении asp.net с главной страницей. На главной странице есть тег формы, чтобы создать новую форму с картой и создать другую форма с главной страницей и элементом управления iframe. В этом элементе управления отобразите веб-форму.

Мой код:

<asp:Content ID = "cntNavigation" ContentPlaceHolderID = "cntMain" runat = "server">
    <script type = "text/javascript">
        function calcHeight(iframeElement) {
            var the_height = iframeElement.contentWindow.document.body.scrollHeight;
            iframeElement.height = the_height;
        }
</script>
   <iframe id = "myIframe" src = "Tracking.aspx" onload = "calcHeight(this)" scrolling = "no" style = "position:relative;left:0px;width:100%;top:0px;overflow:hidden;padding:0;border:none; " ></iframe>
</asp:Content>

В этой форме «Отслеживание» создайте текстовое поле начальной загрузки и карту, но оно не отображается должным образом в приложении.

Код формы отслеживания:

    <div class = "card">
        <div class = "card-header">
                <strong class = "card-title">SalesMan Live Tracking</strong>
        </div>
        <div id = "divstrackingbody" class = "card-body">
            <div class = "col-lg-2" style = "margin-top:2%;">
                <label class = "col-form-label">Start</label>
            </div>
            <div class = "col-lg-2" style = "margin-top:2%;">
                <input type = "text" name = "start" id = "start"  class = "form-control"/>   
            </div>
             <div class = "col-lg-2" style = "margin-top:2%;">
                <label class = "col-form-label">End</label>
            </div>
            <div class = "col-lg-2" style = "margin-top:2%;">
                 <input type = "text" name = "end" id = "end" class = "form-control"  />
            </div>
            <div class = "col-lg-2" style = "margin-top:2%;">
                <input type = "submit" onclick = "calcRoute();"  class = "btn btn-success"/>
            </div>
        </div>
        <div id = "mapbody" class = "card-body">
             <div id = "map_canvas" class = "map"></div>
        </div>

  </div>

Ожидал :

                ________________               ________________
   Start     : +___textbox______+     End   : +____textbox_____+

Показано:

   Start  :
   -----------------------------------------------------------
   +            textbox                                      +
   -----------------------------------------------------------

  End:
   -----------------------------------------------------------
   +          textbox                                       +
   -----------------------------------------------------------