Map Coordinates

[Marcello]

Hi,

I have some doubts about coordinates.

How to get pixel cordinates of a lat, lng point?

I tried locationToView and locationToLayer without success ..

Here a script example:

 

$("#map").kendoMap({
            zoom: 3,
            center: [45, 10],
            layers: [{
                type: "tile",
                urlTemplate: "http://a.tile.openstreetmap.org/#= zoom #/#= x #/#= y #.png",
                attribution: "© OpenStreetMap"
            }],
            markers: [{
                location: [45, 10],
                shape: "pinTarget"
            }],
            pan: function (e) {

                console.log('What are now marker pixel coordinates?')

            }
        });

[Georgi]

Hello Marcello,

The markers are absolute positioned, thus, you can get their top/left values directly from their html element.

e.g.

//top
markerElement.style.top

//left

markerElement.style.left

The above will give you the coordinates in pixels of the marker relatively to the layer's element top left corner.

I hope this helps.

Regards,
Georgi
Progress Telerik

[Marcello]

Thanks Georgi,

but the marker element was only an example.

I found an answer by my self:

var loc = map.locationToView([lat, lng]);
loc.x -= map.scroller.scrollLeft;
loc.y -= map.scroller.scrollTop;

marc.