Hi
I'm trying to bind a RadMap to some JSON returned from an ASPX page.
<
script
>
function TestGetMap()
{
var shapeData = "";
$.ajax({
type: "GET",
url: "/Data/GetJsonTrip.aspx",
data: "{}",
contentType: "application/json; charset=utf-8",
dataType: "json",
success: function (msg) {
shapeData = JSON.stringify(msg);
var ds = new kendo.data.DataSource(shapeData);
var kendoMap = $telerik.$("#<%=tripMap.ClientID %>").data("kendoMap");
kendoMap.layers[1].dataSource = ds;
}
});
}
</
script
>
I've tried setting the datasource to msg instead of the string version, tried different layers, etc.
My map looks like this
<
telerik:RadMap
runat
=
"server"
ID
=
"tripMap"
>
<
LayersCollection
>
<
telerik:MapLayer
></
telerik:MapLayer
>
<
telerik:MapLayer
Type
=
"Shape"
Opacity
=
"0.7"
>
<
StyleSettings
>
<
StrokeSettings
Color
=
"#ffffff"
Width
=
"10"
/>
</
StyleSettings
>
</
telerik:MapLayer
>
</
LayersCollection
>
<
CenterSettings
Latitude
=
"-32.962926"
Longitude
=
"151.699727"
/>
</
telerik:RadMap
>
I'm setting the first map layer in code to bing
MapLayer mapLayer = tripMap.LayersCollection[0];
mapLayer.Type = Telerik.Web.UI.Map.LayerType.Bing;
mapLayer.ImagerySet =
"AerialWithLabels"
;
I confirmed that I'm getting back valid geojson from the aspx page.
I'm not getting any javascript errors in the console.
What I don't understand is: How in a click event in javascript can I set the dataource for a shapes layer of a radmap?
Thanks
Matt