RadTab error with Google Map API on FireFox and Chrome

[VnDevil]

Hi Telerik,

I have two tabs, one tab displays some information and a tab to load GoogleMapAPI.

When run the program I set SelectedIndex is Tab1, then press into Tab2, the GoogleMapAPI in Tab2 will display error on Firefox (3.6+) and Chrome (9+). It's ok on IE 8


Please view my code below

<telerik:RadTabStrip ID="RadTabStrip1" runat="server" MultiPageID="RadMultiPage1"
    SelectedIndex="0">
    <Tabs>
        <telerik:RadTab Text="Some Infomations">
        </telerik:RadTab>
        <telerik:RadTab Text="Google Map API">
        </telerik:RadTab>
    </Tabs>
</telerik:RadTabStrip>
<telerik:RadMultiPage ID="RadMultiPage1" runat="server" SelectedIndex="0">
    <telerik:RadPageView ID="RadPageView1" runat="server">
        Some Infomations
    </telerik:RadPageView>
    <telerik:RadPageView ID="RadPageView2" runat="server">
        Google Map API
        <br />
        <br />
        <telerik:RadScriptBlock ID="RadScriptBlock1" runat="server">

            <script type="text/javascript">
            /*
            Google Map API v3
            */

            // khoi tao map
            function loadScript() {
                var script = document.createElement("script");
                script.type = "text/javascript";
                script.src = "http://maps.google.com/maps/api/js?v=3.3&sensor=true&callback=initialize";
                document.body.appendChild(script);
            }

            window.onload = loadScript;

            // initialize
            function initialize() {
                var latLng = new google.maps.LatLng(21.042324102802453, 105.77579302215577);

                // geocoder init
                var geocoder = new google.maps.Geocoder();

                // map options
                var myOptions = {
                    zoom: 13,
                    center: latLng,
                    mapTypeId: google.maps.MapTypeId.ROADMAP
                }

                // init map
                var map = new google.maps.Map(document.getElementById('map_canvas'), myOptions);

                // create marker
                var marker = new google.maps.Marker({
                    position: latLng,
                    map: map,
                    draggable: true
                });
            }
            /*
            END Google Map API v3
            */
            </script>
            <div id="map_canvas" style="width: 600px; height: 400px; margin-left: 40px;" />
        </telerik:RadScriptBlock>
    </telerik:RadPageView>
</telerik:RadMultiPage>

[VnDevil]

Anybody help me?

[VnDevil]

Anybody help me?

[Veronica]

Hi VnDevil,

It seems that some scripts are not loaded correctly. Could you please send me a sample project so I can inspect it and help you?

Thank you!

Kind regards,
Veronica Milcheva
the Telerik team

[VnDevil]

Hi Telerik,

This is my sample project, you can download from link below

http://www.mediafire.com/?4zkzxa8e5dfcefr

I'm using RadControls Q1 2011 SP2, please inspect it and help me

Thanks

[Veronica]

Hi VnDevil,

Thank you for the attached .zip file.
Unfortunately I tried to reproduce the issue but to no avail. I've tested your project with FF version 4.0 and Google Chrome version 11.0.696.71. Could you please show me what error did you got?

As I suspect that this is not an issue with the RadTabStrip - could you please test it with the ASP.NET Tabstrip and let me know if the error still appears.

Regards,
Veronica Milcheva
the Telerik team