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

Incomplete map load

5 Answers 166 Views

Map

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

Andre asked on 18 Aug 2014, 09:07 PM

mapload.png

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

5 Answers, 1 is accepted

answered on 20 Aug 2014, 05:45 PM

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