This is a migrated thread and some comments may be shown as answers.

RadMap Markers shifting Bug on mobile devices

2 Answers 4 Views
Map
This is a migrated thread and some comments may be shown as answers.
zaza
Top achievements
Rank 1
zaza asked on 25 Nov 2016, 10:40 AM

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? :/

2 Answers, 1 is accepted

Sort by
0
Ianko
Telerik team
answered on 29 Nov 2016, 11:20 AM

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
Telerik UI for ASP.NET AJAX is ready for Visual Studio 2017 RC! Learn more.
0
zaza
Top achievements
Rank 1
answered on 29 Nov 2016, 11:34 AM
Thanks, it works fine.
Tags
Map
Asked by
zaza
Top achievements
Rank 1
Answers by
Ianko
Telerik team
zaza
Top achievements
Rank 1
Share this question
or