RadTab error with Google Map API on FireFox and Chrome

6 posts, 0 answers
  1. VnDevil
    VnDevil avatar
    58 posts
    Member since:
    Oct 2012

    Posted 12 Feb 2011 Link to this post

    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>

  2. VnDevil
    VnDevil avatar
    58 posts
    Member since:
    Oct 2012

    Posted 22 Feb 2011 Link to this post

    Anybody help me?
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. VnDevil
    VnDevil avatar
    58 posts
    Member since:
    Oct 2012

    Posted 02 Apr 2011 Link to this post

    Anybody help me?
  5. Veronica
    Admin
    Veronica avatar
    1213 posts

    Posted 07 Apr 2011 Link to this post

    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
    Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items
  6. VnDevil
    VnDevil avatar
    58 posts
    Member since:
    Oct 2012

    Posted 29 May 2011 Link to this post

    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
  7. Veronica
    Admin
    Veronica avatar
    1213 posts

    Posted 02 Jun 2011 Link to this post

    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

    Browse the vast support resources we have to jump start your development with RadControls for ASP.NET AJAX. See how to integrate our AJAX controls seamlessly in SharePoint 2007/2010 visiting our common SharePoint portal.

Back to Top
UI for ASP.NET Ajax is Ready for VS 2017