Fuzzy map images

13 posts, 0 answers
  1. Jason D
    Jason D avatar
    72 posts
    Member since:
    Jan 2011

    Posted 14 Jan 2011 Link to this post

    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?
  2. Andrey
    Admin
    Andrey avatar
    1681 posts

    Posted 20 Jan 2011 Link to this post

    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
    Let us know about your Windows Phone 7 application built with RadControls and we will help you promote it. Learn more>>
  3. UI for WPF is Visual Studio 2017 Ready
  4. Jeroen
    Jeroen avatar
    49 posts
    Member since:
    Feb 2012

    Posted 04 Feb 2014 in reply to Andrey Link to this post

    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?
  5. Jason D
    Jason D avatar
    72 posts
    Member since:
    Jan 2011

    Posted 04 Feb 2014 in reply to Jeroen Link to this post

    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.
  6. Jeroen
    Jeroen avatar
    49 posts
    Member since:
    Feb 2012

    Posted 04 Feb 2014 in reply to Jason D Link to this post

    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!
  7. Andrey
    Admin
    Andrey avatar
    1681 posts

    Posted 05 Feb 2014 Link to this post

    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
    TRY TELERIK'S NEWEST PRODUCT - EQATEC APPLICATION ANALYTICS for WPF.

    Learn what features your users use (or don't use) in your application. Know your audience. Target it better. Develop wisely.

    Sign up for Free application insights >>
  8. Jeroen
    Jeroen avatar
    49 posts
    Member since:
    Feb 2012

    Posted 05 Feb 2014 in reply to Andrey Link to this post

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

  9. Andrey
    Admin
    Andrey avatar
    1681 posts

    Posted 05 Feb 2014 Link to this post

    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
    TRY TELERIK'S NEWEST PRODUCT - EQATEC APPLICATION ANALYTICS for WPF.

    Learn what features your users use (or don't use) in your application. Know your audience. Target it better. Develop wisely.

    Sign up for Free application insights >>
  10. Jeroen
    Jeroen avatar
    49 posts
    Member since:
    Feb 2012

    Posted 08 Feb 2014 in reply to Andrey Link to this post

    Thanks, updated to the latest version and it looks perfect!
  11. Tony
    Tony avatar
    111 posts
    Member since:
    May 2011

    Posted 06 Mar 2015 in reply to Andrey Link to this post

    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?
  12. Pavel R. Pavlov
    Admin
    Pavel R. Pavlov avatar
    1182 posts

    Posted 11 Mar 2015 Link to this post

    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
     

    Check out the Telerik Platform - the only platform that combines a rich set of UI tools with powerful cloud services to develop web, hybrid and native mobile apps.

     
  13. Tony
    Tony avatar
    111 posts
    Member since:
    May 2011

    Posted 08 Apr 2015 in reply to Pavel R. Pavlov Link to this post

    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.
  14. Petar Mladenov
    Admin
    Petar Mladenov avatar
    2891 posts

    Posted 13 Apr 2015 Link to this post

    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
     

    See What's Next in App Development. Register for TelerikNEXT.

     
Back to Top
UI for WPF is Visual Studio 2017 Ready