Incomplete map load

6 posts, 0 answers
  1. Andre
    Andre avatar
    14 posts
    Member since:
    Jun 2014

    Posted 18 Aug 2014 Link to this post

    Hi,

    I'm developing an application using the map widget and the map requires a second click to load completely. The map opens up in a dynamically added splitter pane after the user clicks on an adjacent listview row.

    Currently, when the map opens up in the second pane, only a part of it is visible in the pane. Clicking on the map causes the entire widget to display correctly. The desired behaviour is that the map would load completely when triggered by the list vie select event.

    Here's some sample code and an image is attached below. This code is from the listview change function.

    var menuDiv = jQuery("<div id = 'mapControlMenu'></div>");
                            var mapDiv = jQuery("<div id='map'></div>");

                            this.mapcontrolmenu = new MapControlMenu(menuDiv);
      
                            this.gpsviewer = new GPSViewer(mapDiv);

                            var parentSplitter = self.element.parent("#splitter").data("kendoSplitter");

                            // append a 100px collapsible pane
                            var newPane = parentSplitter.append({
                                size: "50%",
                                collapsible: false,
                                min: "50%",
                                max: "50%"
                            });

                            newPane.append(menuDiv);
                            newPane.append(mapDiv);
    Please advise.

    Thanks!
    Andre




  2. Hristo Germanov
    Admin
    Hristo Germanov avatar
    703 posts

    Posted 20 Aug 2014 Link to this post

    Hello Andre,

    I am unable to reproduce this issue. Could you please give me a sample project that I can examine and advice you further?

    Regards,
    Hristo Germanov
    Telerik
     
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
     
  3. Kendo UI is VS 2017 Ready
  4. Andre
    Andre avatar
    14 posts
    Member since:
    Jun 2014

    Posted 20 Aug 2014 in reply to Hristo Germanov Link to this post

    Hi Hristo,

    I was able to figure out the issue, it was related to using open street map for the tile layer. I switched to Bing maps and now the map loads completely without a second click on the containing div element.

    I had a look at the http requests sent after the listview change event and there was only a single tile request instead of multiple requests to produce the entire map view. I'm not sure if this is because of the way open street maps tileserver handles requests, or something related to the kendo map widget.

    I'm assuming this will only become an issue again if we decide to support open street maps in our product or we use our own tileserver, in which case we will have to look at ways of avoiding the issue.

    If you have the time to investigate further, maybe you could try to reproduce the issue using an open street maps url template? That is if you haven't already tried that.

    Thanks Hristo!

    Andre
  5. Hristo Germanov
    Admin
    Hristo Germanov avatar
    703 posts

    Posted 21 Aug 2014 Link to this post

    Hello Andre,

    I will investigate this issue if I can reproduce it. Could you please provide a live our or something that I can examine? Thus I will be able to observe the problem and fix it.

    Regards,
    Hristo Germanov
    Telerik
     
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
     
  6. Andre
    Andre avatar
    14 posts
    Member since:
    Jun 2014

    Posted 22 Aug 2014 in reply to Hristo Germanov Link to this post

    Hi Hristo,

    I tried sending you an ASP.NET project, but the forum uploading script complained that it was too large, is there another way I can send you the sample project I've created?

    Thanks,

    Andre
  7. T. Tsonev
    Admin
    T. Tsonev avatar
    2771 posts

    Posted 25 Aug 2014 Link to this post

    Hello,

    I don't think its worth wasting your time for this issue, as it appears to have more to do with the tile server rather than your specific application.

    The only thing worth checking is the sub-domain configuration.
    It is possible to configure OSM to use only one of the sub-domains, e.g. "a.tile.openstreetmap.org". This can lead to requests queuing up and eventually failing.

    All sub-domains will be used automatically for Bing.

    Regards,
    T. Tsonev
    Telerik
     
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
     
Back to Top
Kendo UI is VS 2017 Ready