I am trying to use the Kendo UI map with Bing tiles and also apply a layer of geojson (the countries sample provided). However, when I do this the polygons are not aligned on the map. How can I fix this?
function createMap() {
$("#map").kendoMap({
center: [30.2681, -97.7448],
zoom: 3,
layers: [
{
type: "bing",
key: "mybingkey"
},
{
type: "shape",
dataSource: {
type: "geojson",
transport: {
read: {
dataType: "jsonp",
url: "../geojson/countries-users.geo.js",
jsonpCallback: "loadCountries"
}
}
},
style: {
fill: {
opacity: 0.7
}
}
}
],
shapeCreated: onShapeCreated,
shapeMouseEnter: onShapeMouseEnter,
shapeMouseLeave: onShapeMouseLeave
});
}