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

Fuzzy map images

12 Answers 173 Views

Map

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

Jason D asked on 14 Jan 2011, 09:46 PM

FuzzyMap.png

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?

12 Answers, 1 is accepted

answered on 20 Jan 2011, 09:10 AM

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>>

answered on 05 Feb 2014, 10:14 AM

OpenStreet.png

RadMapOSM.png

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 >>

answered on 05 Feb 2014, 01:30 PM

radmap_blurriness_large.jpg

radmap_blurriness_small.png

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

}