Asp.net updatepanel的div innerHTML问题

我有一个在asp.net中开发的应用程序，它设置div的innerhtml。我正在创建一个html字符串来显示googlemap。它很好用。但当我把我的div放在更新面板中时。它没有在div中显示googlemap。以下是我的aspx文件代码：

            </td>
        </tr>
        <tr>
            <td colspan="4">
                <asp:UpdatePanel ID="UpdatePanel2" runat="server">
                    <ContentTemplate>
                        <div id="map_canvas" runat="server" style="width: 100%; height: 1500px; margin-bottom: 2px;
                            text-align: center;">
                            <asp:Panel ID="Panel1" runat="server">
                                <%--Place holder to fill with javascript by server side code--%>
                                <asp:Literal ID="js" runat="server"></asp:Literal>
                                <%--Place for google to show your MAP--%>
                                <div id="Div1" style="width: 100%; height: 728px; margin-bottom: 2px;">
                                </div>
                                <br />
                            </asp:Panel>
                        </div>
                    </ContentTemplate>
                    <Triggers>
                        <asp:AsyncPostBackTrigger ControlID="btnShow" EventName="Click" />
                    </Triggers>
                </asp:UpdatePanel>
            </td>
        </tr>

            </td>
        </tr>
        <tr>
            <td colspan="4">
                <asp:UpdatePanel ID="UpdatePanel2" runat="server">
                    <ContentTemplate>
                        <div id="map_canvas" runat="server" style="width: 100%; height: 1500px; margin-bottom: 2px;
                            text-align: center;">
                            <asp:Panel ID="Panel1" runat="server">
                                <%--Place holder to fill with javascript by server side code--%>
                                <asp:Literal ID="js" runat="server"></asp:Literal>
                                <%--Place for google to show your MAP--%>
                                <div id="Div1" style="width: 100%; height: 728px; margin-bottom: 2px;">
                                </div>
                                <br />
                            </asp:Panel>
                        </div>
                    </ContentTemplate>
                    <Triggers>
                        <asp:AsyncPostBackTrigger ControlID="btnShow" EventName="Click" />
                    </Triggers>
                </asp:UpdatePanel>
            </td>
        </tr>

海亚夫， 也许你应该看看这个。。。。。 当您执行以下操作时：

            </td>
        </tr>
        <tr>
            <td colspan="4">
                <asp:UpdatePanel ID="UpdatePanel2" runat="server">
                    <ContentTemplate>
                        <div id="map_canvas" runat="server" style="width: 100%; height: 1500px; margin-bottom: 2px;
                            text-align: center;">
                            <asp:Panel ID="Panel1" runat="server">
                                <%--Place holder to fill with javascript by server side code--%>
                                <asp:Literal ID="js" runat="server"></asp:Literal>
                                <%--Place for google to show your MAP--%>
                                <div id="Div1" style="width: 100%; height: 728px; margin-bottom: 2px;">
                                </div>
                                <br />
                            </asp:Panel>
                        </div>
                    </ContentTemplate>
                    <Triggers>
                        <asp:AsyncPostBackTrigger ControlID="btnShow" EventName="Click" />
                    </Triggers>
                </asp:UpdatePanel>
            </td>
        </tr>

map_canvas.InnerHtml = showMapWithPoints();

您正在覆盖该div中的所有内容，包括所有服务器端控件

            </td>
        </tr>
        <tr>
            <td colspan="4">
                <asp:UpdatePanel ID="UpdatePanel2" runat="server">
                    <ContentTemplate>
                        <div id="map_canvas" runat="server" style="width: 100%; height: 1500px; margin-bottom: 2px;
                            text-align: center;">
                            <asp:Panel ID="Panel1" runat="server">
                                <%--Place holder to fill with javascript by server side code--%>
                                <asp:Literal ID="js" runat="server"></asp:Literal>
                                <%--Place for google to show your MAP--%>
                                <div id="Div1" style="width: 100%; height: 728px; margin-bottom: 2px;">
                                </div>
                                <br />
                            </asp:Panel>
                        </div>
                    </ContentTemplate>
                    <Triggers>
                        <asp:AsyncPostBackTrigger ControlID="btnShow" EventName="Click" />
                    </Triggers>
                </asp:UpdatePanel>
            </td>
        </tr>

您是否正在执行任何要求这些控件可用的操作，例如“js”和“div1”控件

            </td>
        </tr>
        <tr>
            <td colspan="4">
                <asp:UpdatePanel ID="UpdatePanel2" runat="server">
                    <ContentTemplate>
                        <div id="map_canvas" runat="server" style="width: 100%; height: 1500px; margin-bottom: 2px;
                            text-align: center;">
                            <asp:Panel ID="Panel1" runat="server">
                                <%--Place holder to fill with javascript by server side code--%>
                                <asp:Literal ID="js" runat="server"></asp:Literal>
                                <%--Place for google to show your MAP--%>
                                <div id="Div1" style="width: 100%; height: 728px; margin-bottom: 2px;">
                                </div>
                                <br />
                            </asp:Panel>
                        </div>
                    </ContentTemplate>
                    <Triggers>
                        <asp:AsyncPostBackTrigger ControlID="btnShow" EventName="Click" />
                    </Triggers>
                </asp:UpdatePanel>
            </td>
        </tr>