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

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

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

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

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

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