当前位置：首页 > 山西汽车网 > 保养 > 正文

C# WPF Bing地图展示

时间：2020-03-29 07:03:11 阅读：- 来源：

摘要xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"

微信公众号：Dotnet9，网站：Dotnet9，问题或建议，请网站留言；如果您觉得Dotnet9对您有帮助，欢迎赞赏

内容目录

实现效果
业务场景
编码实现
本文参考
源码下载

1.实现效果

2.业务场景

Bing地图控件的使用

3.编码实现

3.1 添加Nuget库

站长使用 .Net Core 3.1 创建的WPF工程，创建“BingMap”解决方案后，需要添加三个Nuget库：MaterialDesignThemes、MaterialDesignColors和Bing WPF地图控件Microsoft.Maps.MapControl.WPF，其中Bing地图控件是.net framework 4.6.1版本，所以项目使用framework版本要好点，其实影响也不大。

MaterialDesign控件库

Bing WPF地图控件Microsoft.Maps.MapControl.WPF

注意使用bing map地图控件需要注册开发者账号，站长只是按视频教程敲的代码，VS 2019设计器能正常加载地图，但运行时会有提示请注册开发者账号，否则地图无法正常显示

需要注册Bing地图开发者账号

3.2 工程结构

不需要截图，只修改了两个文件，App.xaml添加MD控件样式，MainWindow主窗口实现效果。

3.3 App.xaml引入MD控件样式

&lt;Application x:Class=&#34;BingMap.App&#34;             xmlns=&#34;http://schemas.microsoft.com/winfx/2006/xaml/presentation&#34;             xmlns:x=&#34;http://schemas.microsoft.com/winfx/2006/xaml&#34;             xmlns:local=&#34;clr-namespace:BingMap&#34;             StartupUri=&#34;MainWindow.xaml&#34;&gt;    &lt;Application.Resources&gt;        &lt;ResourceDictionary&gt;            &lt;ResourceDictionary.MergedDictionaries&gt;                &lt;ResourceDictionary Source=&#34;pack://application:,,,/MaterialDesignThemes.Wpf;component/Themes/MaterialDesignTheme.Dark.xaml&#34;/&gt;                &lt;ResourceDictionary Source=&#34;pack://application:,,,/MaterialDesignThemes.Wpf;component/Themes/MaterialDesignTheme.Defaults.xaml&#34;/&gt;                &lt;ResourceDictionary Source=&#34;pack://application:,,,/MaterialDesignColors;component/Themes/Recommended/Primary/MaterialDesignColor.Blue.xaml&#34;/&gt;                &lt;ResourceDictionary Source=&#34;pack://application:,,,/MaterialDesignColors;component/Themes/Recommended/Accent/MaterialDesignColor.LightBlue.xaml&#34;/&gt;            &lt;/ResourceDictionary.MergedDictionaries&gt;        &lt;/ResourceDictionary&gt;    &lt;/Application.Resources&gt;&lt;/Application&gt;

3.4 主窗体 MainWindow.xaml

加载Bing地图控件，设置地图属性等：

&lt;Window x:Class=&#34;BingMap.MainWindow&#34;        xmlns=&#34;http://schemas.microsoft.com/winfx/2006/xaml/presentation&#34;        xmlns:x=&#34;http://schemas.microsoft.com/winfx/2006/xaml&#34;        xmlns:d=&#34;http://schemas.microsoft.com/expression/blend/2008&#34;        xmlns:mc=&#34;http://schemas.openxmlformats.org/markup-compatibility/2006&#34;        xmlns:local=&#34;clr-namespace:BingMap&#34;        mc:Ignorable=&#34;d&#34;        xmlns:materialDesign=&#34;http://materialdesigninxaml.net/winfx/xaml/themes&#34;        xmlns:m=&#34;clr-namespace:Microsoft.Maps.MapControl.WPF;assembly=Microsoft.Maps.MapControl.WPF&#34;        Title=&#34;Bing地图&#34; Height=&#34;600&#34; Width=&#34;1080&#34; WindowStyle=&#34;None&#34; ResizeMode=&#34;NoResize&#34;        WindowStartupLocation=&#34;CenterScreen&#34; Background=&#34;#FF3A3A3A&#34;&gt;    &lt;Grid&gt;        &lt;Grid.RowDefinitions&gt;            &lt;RowDefinition Height=&#34;40&#34;/&gt;            &lt;RowDefinition Height=&#34;*&#34;/&gt;        &lt;/Grid.RowDefinitions&gt;        &lt;Grid.ColumnDefinitions&gt;            &lt;ColumnDefinition Width=&#34;250&#34;/&gt;            &lt;ColumnDefinition Width=&#34;*&#34;/&gt;        &lt;/Grid.ColumnDefinitions&gt;        &lt;StackPanel Grid.Row=&#34;1&#34; Margin=&#34;10&#34;&gt;            &lt;Grid&gt;                &lt;TextBox Background=&#34;White&#34; Padding=&#34;10 0 25 0&#34;/&gt;                &lt;materialDesign:PackIcon Kind=&#34;MapMarker&#34; VerticalAlignment=&#34;Center&#34; Margin=&#34;2&#34;/&gt;                &lt;Button HorizontalAlignment=&#34;Right&#34; Style=&#34;{StaticResource MaterialDesignFlatButton}&#34;&gt;                    &lt;materialDesign:PackIcon Kind=&#34;Search&#34;/&gt;                &lt;/Button&gt;            &lt;/Grid&gt;            &lt;ListView&gt;                &lt;ListViewItem&gt;                    &lt;Border BorderBrush=&#34;LightGray&#34; BorderThickness=&#34;0 0 0 1&#34; Width=&#34;260&#34;&gt;                        &lt;Grid&gt;                            &lt;StackPanel Height=&#34;50&#34;&gt;                                &lt;TextBlock Text=&#34;鸡腿&#34;/&gt;                                &lt;StackPanel Orientation=&#34;Horizontal&#34;&gt;                                    &lt;TextBlock Text=&#34;4.5&#34; Foreground=&#34;#DDFF6F0B&#34; Margin=&#34;1&#34; FontSize=&#34;10&#34;/&gt;                                    &lt;materialDesign:PackIcon Kind=&#34;Star&#34; Foreground=&#34;#DDFF6F0B&#34; Margin=&#34;1&#34; VerticalAlignment=&#34;Center&#34; Width=&#34;12&#34; Height=&#34;12&#34;/&gt;                                    &lt;materialDesign:PackIcon Kind=&#34;Star&#34; Foreground=&#34;#DDFF6F0B&#34; Margin=&#34;1&#34; VerticalAlignment=&#34;Center&#34; Width=&#34;12&#34; Height=&#34;12&#34;/&gt;                                    &lt;materialDesign:PackIcon Kind=&#34;Star&#34; Foreground=&#34;#DDFF6F0B&#34; Margin=&#34;1&#34; VerticalAlignment=&#34;Center&#34; Width=&#34;12&#34; Height=&#34;12&#34;/&gt;                                    &lt;materialDesign:PackIcon Kind=&#34;Star&#34; Foreground=&#34;#DDFF6F0B&#34; Margin=&#34;1&#34; VerticalAlignment=&#34;Center&#34; Width=&#34;12&#34; Height=&#34;12&#34;/&gt;                                    &lt;materialDesign:PackIcon Kind=&#34;StarHalf&#34; Foreground=&#34;#DDFF6F0B&#34; Margin=&#34;1&#34; VerticalAlignment=&#34;Center&#34; Width=&#34;12&#34; Height=&#34;12&#34;/&gt;                                &lt;/StackPanel&gt;                                &lt;TextBlock Text=&#34;Open until 6:00PM&#34; Opacity=&#34;0.7&#34;/&gt;                            &lt;/StackPanel&gt;                            &lt;Image HorizontalAlignment=&#34;Right&#34; Margin=&#34;0 0 50 0&#34; Width=&#34;50&#34; Height=&#34;50&#34; Source=&#34;https://img.dotnet9.com/logo.png&#34;/&gt;                        &lt;/Grid&gt;                    &lt;/Border&gt;                &lt;/ListViewItem&gt;                &lt;ListViewItem&gt;                    &lt;Border BorderBrush=&#34;LightGray&#34; BorderThickness=&#34;0 0 0 1&#34; Width=&#34;260&#34;&gt;                        &lt;Grid&gt;                            &lt;StackPanel Height=&#34;50&#34;&gt;                                &lt;TextBlock Text=&#34;La Casita Grill&#34;/&gt;                                &lt;StackPanel Orientation=&#34;Horizontal&#34;&gt;                                    &lt;TextBlock Text=&#34;4.5&#34; Foreground=&#34;#DDFF6F0B&#34; Margin=&#34;1&#34; FontSize=&#34;10&#34;/&gt;                                    &lt;materialDesign:PackIcon Kind=&#34;Star&#34; Foreground=&#34;#DDFF6F0B&#34; Margin=&#34;1&#34; VerticalAlignment=&#34;Center&#34; Width=&#34;12&#34; Height=&#34;12&#34;/&gt;                                    &lt;materialDesign:PackIcon Kind=&#34;Star&#34; Foreground=&#34;#DDFF6F0B&#34; Margin=&#34;1&#34; VerticalAlignment=&#34;Center&#34; Width=&#34;12&#34; Height=&#34;12&#34;/&gt;                                    &lt;materialDesign:PackIcon Kind=&#34;Star&#34; Foreground=&#34;#DDFF6F0B&#34; Margin=&#34;1&#34; VerticalAlignment=&#34;Center&#34; Width=&#34;12&#34; Height=&#34;12&#34;/&gt;                                    &lt;materialDesign:PackIcon Kind=&#34;Star&#34; Foreground=&#34;#DDFF6F0B&#34; Margin=&#34;1&#34; VerticalAlignment=&#34;Center&#34; Width=&#34;12&#34; Height=&#34;12&#34;/&gt;                                    &lt;materialDesign:PackIcon Kind=&#34;StarHalf&#34; Foreground=&#34;#DDFF6F0B&#34; Margin=&#34;1&#34; VerticalAlignment=&#34;Center&#34; Width=&#34;12&#34; Height=&#34;12&#34;/&gt;                                &lt;/StackPanel&gt;                                &lt;TextBlock Text=&#34;Open until 6:00PM&#34; Opacity=&#34;0.7&#34;/&gt;                            &lt;/StackPanel&gt;                            &lt;Image HorizontalAlignment=&#34;Right&#34; Margin=&#34;0 0 50 0&#34; Width=&#34;50&#34; Height=&#34;50&#34; Source=&#34;https://img.dotnet9.com/logo.png&#34;/&gt;                        &lt;/Grid&gt;                    &lt;/Border&gt;                &lt;/ListViewItem&gt;                &lt;ListViewItem&gt;                    &lt;Border BorderBrush=&#34;LightGray&#34; BorderThickness=&#34;0 0 0 1&#34; Width=&#34;260&#34;&gt;                        &lt;Grid&gt;                            &lt;StackPanel Height=&#34;50&#34;&gt;                                &lt;TextBlock Text=&#34;La Casita Grill&#34;/&gt;                                &lt;StackPanel Orientation=&#34;Horizontal&#34;&gt;                                    &lt;TextBlock Text=&#34;4.5&#34; Foreground=&#34;#DDFF6F0B&#34; Margin=&#34;1&#34; FontSize=&#34;10&#34;/&gt;                                    &lt;materialDesign:PackIcon Kind=&#34;Star&#34; Foreground=&#34;#DDFF6F0B&#34; Margin=&#34;1&#34; VerticalAlignment=&#34;Center&#34; Width=&#34;12&#34; Height=&#34;12&#34;/&gt;                                    &lt;materialDesign:PackIcon Kind=&#34;Star&#34; Foreground=&#34;#DDFF6F0B&#34; Margin=&#34;1&#34; VerticalAlignment=&#34;Center&#34; Width=&#34;12&#34; Height=&#34;12&#34;/&gt;                                    &lt;materialDesign:PackIcon Kind=&#34;Star&#34; Foreground=&#34;#DDFF6F0B&#34; Margin=&#34;1&#34; VerticalAlignment=&#34;Center&#34; Width=&#34;12&#34; Height=&#34;12&#34;/&gt;                                    &lt;materialDesign:PackIcon Kind=&#34;Star&#34; Foreground=&#34;#DDFF6F0B&#34; Margin=&#34;1&#34; VerticalAlignment=&#34;Center&#34; Width=&#34;12&#34; Height=&#34;12&#34;/&gt;                                    &lt;materialDesign:PackIcon Kind=&#34;StarHalf&#34; Foreground=&#34;#DDFF6F0B&#34; Margin=&#34;1&#34; VerticalAlignment=&#34;Center&#34; Width=&#34;12&#34; Height=&#34;12&#34;/&gt;                                &lt;/StackPanel&gt;                                &lt;TextBlock Text=&#34;Open until 6:00PM&#34; Opacity=&#34;0.7&#34;/&gt;                            &lt;/StackPanel&gt;                            &lt;Image HorizontalAlignment=&#34;Right&#34; Margin=&#34;0 0 50 0&#34; Width=&#34;50&#34; Height=&#34;50&#34; Source=&#34;https://img.dotnet9.com/logo.png&#34;/&gt;                        &lt;/Grid&gt;                    &lt;/Border&gt;                &lt;/ListViewItem&gt;                &lt;ListViewItem&gt;                    &lt;Border BorderBrush=&#34;LightGray&#34; BorderThickness=&#34;0 0 0 1&#34; Width=&#34;260&#34;&gt;                        &lt;Grid&gt;                            &lt;StackPanel Height=&#34;50&#34;&gt;                                &lt;TextBlock Text=&#34;La Casita Grill&#34;/&gt;                                &lt;StackPanel Orientation=&#34;Horizontal&#34;&gt;                                    &lt;TextBlock Text=&#34;4.5&#34; Foreground=&#34;#DDFF6F0B&#34; Margin=&#34;1&#34; FontSize=&#34;10&#34;/&gt;                                    &lt;materialDesign:PackIcon Kind=&#34;Star&#34; Foreground=&#34;#DDFF6F0B&#34; Margin=&#34;1&#34; VerticalAlignment=&#34;Center&#34; Width=&#34;12&#34; Height=&#34;12&#34;/&gt;                                    &lt;materialDesign:PackIcon Kind=&#34;Star&#34; Foreground=&#34;#DDFF6F0B&#34; Margin=&#34;1&#34; VerticalAlignment=&#34;Center&#34; Width=&#34;12&#34; Height=&#34;12&#34;/&gt;                                    &lt;materialDesign:PackIcon Kind=&#34;Star&#34; Foreground=&#34;#DDFF6F0B&#34; Margin=&#34;1&#34; VerticalAlignment=&#34;Center&#34; Width=&#34;12&#34; Height=&#34;12&#34;/&gt;                                    &lt;materialDesign:PackIcon Kind=&#34;Star&#34; Foreground=&#34;#DDFF6F0B&#34; Margin=&#34;1&#34; VerticalAlignment=&#34;Center&#34; Width=&#34;12&#34; Height=&#34;12&#34;/&gt;                                    &lt;materialDesign:PackIcon Kind=&#34;StarHalf&#34; Foreground=&#34;#DDFF6F0B&#34; Margin=&#34;1&#34; VerticalAlignment=&#34;Center&#34; Width=&#34;12&#34; Height=&#34;12&#34;/&gt;                                &lt;/StackPanel&gt;                                &lt;TextBlock Text=&#34;Open until 6:00PM&#34; Opacity=&#34;0.7&#34;/&gt;                            &lt;/StackPanel&gt;                            &lt;Image HorizontalAlignment=&#34;Right&#34; Margin=&#34;0 0 50 0&#34; Width=&#34;50&#34; Height=&#34;50&#34; Source=&#34;https://img.dotnet9.com/logo.png&#34;/&gt;                        &lt;/Grid&gt;                    &lt;/Border&gt;                &lt;/ListViewItem&gt;            &lt;/ListView&gt;        &lt;/StackPanel&gt;        &lt;Button Grid.Column=&#34;1&#34; HorizontalAlignment=&#34;Right&#34; Style=&#34;{StaticResource MaterialDesignFlatButton}&#34;&gt;            &lt;materialDesign:PackIcon Kind=&#34;Close&#34;/&gt;        &lt;/Button&gt;        &lt;m:Map Mode=&#34;Road&#34; Grid.Column=&#34;1&#34; Grid.Row=&#34;1&#34; ZoomLevel=&#34;16&#34; Center=&#34;-23.1870304,-50.6606103&#34;&gt;            &lt;Canvas                m:MapLayer.Position=&#34;-23.1870304,-50.6606103&#34;                m:MapLayer.PositionOrigin=&#34;BottomCenter&#34; Width=&#34;30&#34; Height=&#34;30&#34;&gt;                &lt;materialDesign:PackIcon Kind=&#34;MapMarker&#34; Width=&#34;30&#34; Height=&#34;30&#34; Foreground=&#34;#FF3C3C3C&#34;/&gt;            &lt;/Canvas&gt;        &lt;/m:Map&gt;    &lt;/Grid&gt;&lt;/Window&gt;

4.本文参考

Design com WPF 大神的学习视频：Bing Maps
开源控件库：MaterialDesignInXamlToolkit
本站对MD开源控件库的介绍：控件介绍

5.代码下载

文中代码已经全部给出。

除非注明，文章均由 Dotnet9 整理发布，欢迎转载。
转载请注明本文地址：https://dotnet9.com/6814.html

热点标签

C# W @vue 10 个奇瑞控股 “最强王加料不加解锁炫酷全新Je 顶级好屏这就是我鼠年春节被巴菲特

24小时新闻排行

热点图片

"销冠"称号实至名归	这台“伪国产”，配大
吉利的2019年：疲	老车翻新最强篇："造