Bing Maps WPF Control: map tiles get scrambled, why?

Question

Bing Maps WPF Control: map tiles get scrambled, why?

Dsungaro 1

I've got the Bing maps WPF control included into my Windows Forms app (via ElementHost) and when viewing the map (also in Design Preview), the map tiles are scrambled. I'm behind a company firewall and accessing the Internet without firewall is not an option.
What is the cause for the scrambled tiles?

Anonymous

2022-04-22T02:21:30.407+00:00

Hi,@Dsungaro . Could you show me your complete code to reproduce the problem to analyze?

Dsungaro 1

Hi!

The problem is that my application is really big and a mix of Windows Forms windows and WPF user controls (always included using ElementHost). I already created a test app to reproduce the problem, but there it does not happen. I already stripped down the inclusion of the BIng Maps WPF Control in my big app to only the inclusion using ElementHost, like so:

<UserControl x:Class="xxxx.BingMapsUControl"
             xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
             xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" 
             xmlns:d="http://schemas.microsoft.com/expression/blend/2008" 
             xmlns:maps="clr-namespace:Microsoft.Maps.MapControl.WPF;assembly=Microsoft.Maps.MapControl.WPF"
             xmlns:local="clr-namespace:xxxx"
             mc:Ignorable="d" 
             d:DesignHeight="600" d:DesignWidth="800">
    <Grid>
        <maps:Map x:Name="mapControl" Center="48.21,16.37" ZoomLevel="12" Grid.Row="0"
                  CredentialsProvider="xxxx">
        </maps:Map>
    </Grid>
</UserControl>

and in the corresponding Windows Forms form, it's only the ElementHost with the child 'BingMapsUControl'.

Do you have suggestions on how I could reproduce the problem in the test app?
Thanks!

Anonymous

2022-04-22T09:26:12.103+00:00
Hi @Dsungaro ,
I tried to reproduce your problem with the following steps without success.

WPF User Control： 1.1 .Net Framework 4.8
1.2. Microsoft.Maps.MapControl.WPF Nuget installed.
1.3 User Control work well:

Winform:
2.1 .Net Framework 4.8 2.2 Add the ElementHost control (in the toolbox) on the WinForm panel;
2.3 Add the WPF-generated control just now to the Child property in the ElementHost just now;
2.4 Work well：

What do you mean by "the map tiles are scrambled"?

Best Regards,
Jiale
Dsungaro 1 Reputation point

2022-04-22T09:34:24.263+00:00

Hello! Here is an example screenshot of the scrambled tiles:
Anonymous

2022-04-22T09:42:17.267+00:00

Hi @Dsungaro ,
Could you give me an example that reproduces your current error?
By the way, try to create a new small project and see if you have the same problem.
Best Regards,
Jiale
Dsungaro 1 Reputation point

2022-04-22T10:01:15.887+00:00

Hi @Anonymous
I'm sorry, I tried to create a new small project and reproduce the error, but there it works and the tiles are ok.
Therefore I'm not sure how I could give you an example...
Best regards, Anne
Anonymous

2022-04-25T09:34:35.95+00:00

Hi @Dsungaro ,
From the tip from this case, your tile error may be due to stuttering caused by machine performance. You can try loading in a separate thread.
Best Regards,
Jiale

Your answer

Anonymous

2022-04-22T02:21:30.407+00:00

Hi,@Dsungaro . Could you show me your complete code to reproduce the problem to analyze?
Dsungaro 1 Reputation point

2022-04-22T08:40:01.413+00:00

Hi!

The problem is that my application is really big and a mix of Windows Forms windows and WPF user controls (always included using ElementHost). I already created a test app to reproduce the problem, but there it does not happen. I already stripped down the inclusion of the BIng Maps WPF Control in my big app to only the inclusion using ElementHost, like so:

<UserControl x:Class="xxxx.BingMapsUControl" xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" xmlns:d="http://schemas.microsoft.com/expression/blend/2008" xmlns:maps="clr-namespace:Microsoft.Maps.MapControl.WPF;assembly=Microsoft.Maps.MapControl.WPF" xmlns:local="clr-namespace:xxxx" mc:Ignorable="d" d:DesignHeight="600" d:DesignWidth="800"> <Grid> <maps:Map x:Name="mapControl" Center="48.21,16.37" ZoomLevel="12" Grid.Row="0" CredentialsProvider="xxxx"> </maps:Map> </Grid> </UserControl>

and in the corresponding Windows Forms form, it's only the ElementHost with the child 'BingMapsUControl'.

Do you have suggestions on how I could reproduce the problem in the test app?
Thanks!
Anonymous

2022-04-22T09:26:12.103+00:00

Hi @Dsungaro ,
I tried to reproduce your problem with the following steps without success.

WPF User Control： 1.1 .Net Framework 4.8
1.2. Microsoft.Maps.MapControl.WPF Nuget installed.
1.3 User Control work well:

Winform:
2.1 .Net Framework 4.8 2.2 Add the ElementHost control (in the toolbox) on the WinForm panel;
2.3 Add the WPF-generated control just now to the Child property in the ElementHost just now;
2.4 Work well：

What do you mean by "the map tiles are scrambled"?

Best Regards,
Jiale
Dsungaro 1 Reputation point

2022-04-22T09:34:24.263+00:00

Hello! Here is an example screenshot of the scrambled tiles:
Anonymous

2022-04-22T09:42:17.267+00:00

Hi @Dsungaro ,
Could you give me an example that reproduces your current error?
By the way, try to create a new small project and see if you have the same problem.
Best Regards,
Jiale
Dsungaro 1 Reputation point

2022-04-22T10:01:15.887+00:00

Hi @Anonymous
I'm sorry, I tried to create a new small project and reproduce the error, but there it works and the tiles are ok.
Therefore I'm not sure how I could give you an example...
Best regards, Anne
Anonymous

2022-04-25T09:34:35.95+00:00

Hi @Dsungaro ,
From the tip from this case, your tile error may be due to stuttering caused by machine performance. You can try loading in a separate thread.
Best Regards,
Jiale

Share via

Bing Maps WPF Control: map tiles get scrambled, why?

Your answer