This is a migrated thread and some comments may be shown as answers.

RadAjaxPanel and GoogleMaps?

9 Answers 193 Views

Ajax

This is a migrated thread and some comments may be shown as answers.

9 Answers, 1 is accepted

answered on 17 Mar 2009, 05:11 PM

For this test I used to "Reimers" Google Map control (http://www.reimers.dk/) with the RadAjaxPanel. I've placed a button and this control inside the panel and marked the Google Map as Visible="False" Clicking the enable button should then make it visible. Please take a look at the code below...

                    <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="TestMap.aspx.cs" Inherits="bnh.Web.TestMap" %>         
                     
            <%@ Register Assembly="GoogleMap" Namespace="Reimers.Map" TagPrefix="Reimers" %>         
            <%@ Register TagPrefix="telerik" Namespace="Telerik.Web.UI" Assembly="Telerik.Web.UI" %>         
                     
            <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">         
                     
            <html xmlns="http://www.w3.org/1999/xhtml" >         
            <head runat="server">          
                <title>Untitled Page</title>         
            </head>         
            <body>         
                <form id="form1" runat="server">          
                <div>         
                    <asp:ScriptManager id="scriptManager" runat="server"></asp:ScriptManager>           
                    <telerik:RadAjaxManager ID="radManager" runat="server"></telerik:RadAjaxManager>         
                              
                    <telerik:RadAjaxPanel ID="radPanel" runat="server">          
                        <asp:Button ID="enable" runat="server" OnClick="enable_Click" Text="Enable" />         
                     
                        <Reimers:GoogleMap ID="GoogleMap1" runat="server"           
                        GoogleKey="<Your Google Key Here>"           
                            Width="500px" Height="500px" Visible="false">          
                        </Reimers:GoogleMap>         
                    </telerik:RadAjaxPanel>         
                </div>         
                </form>         
            </body>         
            </html>         
                     

answered on 19 Mar 2009, 03:41 PM

radajax.zip

Hello Stephen,

I tested your code and it worked ok for me in FF. In IE - the control could not display at all, even with ajax disabled. Please try the attached sample and let me know how it works on your end and if I missed something out.

Regards,
Iana
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Check out the tips for optimizing your support resource searches.

answered on 21 Mar 2009, 02:11 AM

Hi Iana,

I tried the UpdatePanel as you suggested, you are right, it doesn't work in an UpdatePanel either. Does this mean there is no way to use this within an RadAjaxPanel?

What I mean is... Is there some way to have the GoogleMap Control within an RadAjaxPanel do a complete reload/refresh? I'm not looking to refresh parts of this control, just be able to refresh the whole map control each time ajax request of the parent RadAjaxPanel is required?

Alternatively I've also found I could work around this by nesting the control within another page and use an iframe. If I do this, I need someway to show a LoadingAjaxPanel while the iframe is refreshed/reloaded. Is there someway to do this with an iframe (I have another post on this) ?

Thanks,

Stephen