[Solved] sample geojson file doesn't line up with Bing tiling

[Samantha]

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
    });
}

[T. Tsonev]

Hello,

I've tried this scenario, but it appears to work fine here:
http://trykendoui.telerik.com/Eriq

Can you spot any differences between my sample and your actual code?

Regards,
T. Tsonev
Telerik

 

 

[Robert]

well many of your links are absolute rather than relative, but I don't think that's anything.  One thing I did notice is your reference to Bing.   Attached is the relevant code from the example files, and it has no such Bing reference.  Is that the issue?
​

[T. Tsonev]

Hello,

The online demos indeed do not show both Bing and GeoJSON layers simultaneously.
Here's an updated demo with the latest Kendo UI version.

Can I help with anything specific?

Regards,
T. Tsonev
Telerik