RadMap Markers shifting Bug on mobile devices

[zaza]

I noticed that the markers on the map looks mispositioned on many devices, like shifted to north/east.

I got this problem with my Android phone and even with a Surface pro, whatever the browser I 'm using.

You can see it even with the online demo:
http://demos.telerik.com/aspnet-ajax/map/examples/overview/defaultcs.aspx

On PC:
https://i.snag.gy/IzuexH.jpg

On my phone:
https://i.snag.gy/XTwYrK.jpg

I think it's just a css issue with the markers. I really need a quick solution to the problem. Any ideas? :/

[Ianko]

Hello zaza,

 

I logged this as a bug report. You can monitor it from this feedback portal item: https://feedback.telerik.com/Project/108/Feedback/Details/206801. 

 

The temporary fix is to apply this CSS in your page:

 

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) {
    .k-map span.k-marker{
        width: 28px;
        height: 40px;
        margin: -40px 0 0 -14px;
    }
}

 

This will render the built-in markers to their original position.

 

Regards,
Ianko
Telerik by Progress

[zaza]

Thanks, it works fine.