您當前的位置：寧夏資訊網(wǎng) > 財經(jīng) > 內(nèi)容正文

C# WPF Bing地圖展示

寧夏資訊網(wǎng) 2020-03-23 06:38:22 來源：閱讀：-

微信公眾號：Dotnet9，網(wǎng)站：Dotnet9，問題或建議，請網(wǎng)站留言；如果您覺得Dotnet9對您有幫助，歡迎贊賞

內(nèi)容目錄

實現(xiàn)效果
業(yè)務場景
編碼實現(xiàn)
本文參考
源碼下載

1.實現(xiàn)效果

2.業(yè)務場景

Bing地圖控件的使用

3.編碼實現(xiàn)

3.1 添加Nuget庫

站長使用 .Net Core 3.1 創(chuàng)建的WPF工程，創(chuàng)建“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地圖控件需要注冊開發(fā)者賬號，站長只是按視頻教程敲的代碼，VS 2019設計器能正常加載地圖，但運行時會有提示請注冊開發(fā)者賬號，否則地圖無法正常顯示

需要注冊Bing地圖開發(fā)者賬號

3.2 工程結(jié)構(gòu)

不需要截圖，只修改了兩個文件，App.xaml添加MD控件樣式，MainWindow主窗口實現(xiàn)效果。

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.代碼下載

文中代碼已經(jīng)全部給出。

除非注明，文章均由 Dotnet9 整理發(fā)布，歡迎轉(zhuǎn)載。
轉(zhuǎn)載請注明本文地址：https://dotnet9.com/6814.html

（正文已結(jié)束）

无码专区一区人妻|人妻系列一区二区播放|国产免费牲交大片高清|日韩黄色无码一区二区三区|久久精品国产亚洲二区三区|欧美综合在线一区二区三区|精品无码国产自产拍在线观看蜜|999zyz精品视频在线播放