This is exactly what I was looking for. I was able to modify it to return the correct circle size for my radius
{
type:
"bubble"
,
dataSource: {
transport: {
read:
function
(e) {
e.success(markers);
}
}
},
locationField:
"latlng"
,
valueField:
"radius"
,
symbol:
function
(e) {
var
map = $(
"#map"
).data(
"kendoMap"
);
// Bubble location
var
location = e.location;
//Convert miles to km
var
KMs = Math.round((dropPinRadius * 1.6093) * 10) / 10
// Find location x kms west center
var
l1 = location.destination(KMs * 1000, 270);
// View (screen) coordinates for the locations
var
p1 = map.locationToView(l1);
// Find radius in pixels
var
radius = e.center.x - p1.x;
// Create the circle
var
circleGeometry =
new
kendo.geometry.Circle(e.center, radius);
var
circle =
new
kendo.drawing.Circle(circleGeometry, { stroke: { width: 0 } });
circle.dataItem = e.dataItem;
return
circle;
}
}
Thanks!