Fuzzy map images

[Jason D]

Just started evaluating the Map control. I'm hosting the map control in a WinForms 3.5 project. The map images are blurry or fuzzy. I tried VS2010 Express and have the same problem. Attached a comparison. On the left is the map directly from OSM in the browser. On the right is RadMap.

I tried SnapToPixels and UseLayoutRounding and neither helped. I'm new to WPF, so is there something I missed?

[Andrey]

Hi Jason,

We are aware about this problem.
The tile image that displayed on the RadMap control looks a little bit blurry than original image.
Our control is based on the MultiScaleImage control.  We use the Microsoft MultiScaleImage control for Silverlight version and we have its WPF implementation. Currently the both of versions have the same problem with image quality. Also in fact they do not support the UseLayoutRounding feature.
We have created a PITS issue to support an ability to use layout rounding in future version of map control for WPF. You can track its implementation using the following link:
http://www.telerik.com/support/pits.aspx#/public/wpf/4639

Regards,
Andrey Murzov
the Telerik team

[Jeroen]

So what's the status of this issue? (the original PITS link is broken)

We've just switched from the regular Bing map control to the RadMap (in Silverlight) and a lot of people have commented on this blurriness...

I've tried setting the UseLayoutRounding property but that doesn't seem to work. Any other solutions that've been implemented in the mean time?

[Jason D]

For WPF, this seems to be fixed. I compared the OSM and MapQuest maps in my browser and they look the same. I don't use LayoutRounding and SnapToPixels doesn't seem to matter. Are you using Bing for RadMap too? I recently switched to MapQuest over OSM and MapQuest is easier to read because they use a larger font.

[Jeroen]

In Silverlight unfortunately it's not fixed. Both Bing and OSM are very blurry in comparison with the regular Map control. I guess that means I should probably move this discussion to the Silverlight forum...

Thanks for the MapQuest suggestion, I'll check it out either way!

[Andrey]

Hi Jeroen,

The Silverlight version of the RadMap control has been fixed as well. Please, take a look at the screenshots attached. One is from IE and the second is from a RadMap for Silverlight. You can see that the maps look identical in both cases and there is no blurriness.

Please make sure that you don't use any Margin on the RadMap control in your application as this might cause issues.

Regards,
Andrey Murzov
Telerik

[Jeroen]

In which version was this issue fixed? I'm currently at v.2013.1.403.1050, but I'd expect this was fixed much longer ago?

Anyway, I did a quick test with code based on one of the demos. The map's still blurry. There are no margins applied. See the screenshots in attachment

<UserControl x:Class="TestRadMapBlurriness.MainPage"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
             xmlns:telerik="http://schemas.telerik.com/2008/xaml/presentation"
    mc:Ignorable="d"
    d:DesignHeight="300" d:DesignWidth="400">

    <Grid x:Name="LayoutRoot" Background="White">
        <telerik:RadMap x:Name="RadMap1"
                        Center="38.8763793426777, -77.0368488348389"
                        ZoomLevel="14"
                        MiniMapExpanderVisibility="Collapsed"
                        />
    </Grid>
</UserControl>

public MainPage()
        {
            InitializeComponent();

            SetProvider();
        }

        private const double BaseAerialLayerOpacity = 1.0;
        private const double RoadLayerOpacity = 0.5;

        private void SetProvider()
        {
            var bingMapId = ((Microsoft.Maps.MapControl.ApplicationIdCredentialsProvider)App.Current.Resources["AppId"]).ApplicationId;
            BingMapProvider baseAerialProvider = new BingMapProvider(MapMode.Aerial, true, bingMapId);
            this.RadMap1.Providers.Add(baseAerialProvider);
        }

[Andrey]

Hi Jeroen,

This fix for Silverlight is available since the Q2 2013 SP1 (v. 2013.2.0724) version. Unfortunately all earlier versions, including yours, contain a fix only for the WPF RadMap.

Regards,
Andrey Murzov
Telerik

[Jeroen]

Thanks, updated to the latest version and it looks perfect!

[Tony]

I'm using RadMap in a WPF application and we have noticed the same blurry images. This post is over 4 years old now.  I'm using a version of the WPF UI from Q3 2013.  Has this issue been addressed at all?

[Pavel R. Pavlov]

Hi Tony,

Yes. This issue is fixed in our releases since Q2 SP1 2013. Are you saying that you can reproduce the very same issue with our latest official release? If so can you please reproduce the reported behavior in a small repro project and send it over?

This will allow us to attach our source code and debug the implementation in order to find out the reasons behind.

Regards,
Pavel R. Pavlov
Telerik

 

 

[Tony]

I don't believe that what we're seeing is the same issue.  I think what we're seeing is either a problem in our tile engine or just the control showing a tile at the wrong zoom level until it receives one at the right zoom level from the tile engine.  Sorry about that.

[Petar Mladenov]

Hi Tony,

From your last reply I am not completely sure whether you need additional help with your RadMap implementation. If yes, could you please open a new support thread with additioanal detail about your scenario ?

Regards,
Petar Mladenov
Telerik