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

C# WPF Bing地圖展示

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

微信公眾號(hào)：Dotnet9，網(wǎng)站：Dotnet9，問(wèn)題或建議，請(qǐng)網(wǎng)站留言；如果您覺(jué)得Dotnet9對(duì)您有幫助，歡迎贊賞

內(nèi)容目錄

實(shí)現(xiàn)效果
業(yè)務(wù)場(chǎng)景
編碼實(shí)現(xiàn)
本文參考
源碼下載

1.實(shí)現(xiàn)效果

2.業(yè)務(wù)場(chǎng)景

Bing地圖控件的使用

3.編碼實(shí)現(xiàn)

3.1 添加Nuget庫(kù)

站長(zhǎng)使用 .Net Core 3.1 創(chuàng)建的WPF工程，創(chuàng)建“BingMap”解決方案后，需要添加三個(gè)Nuget庫(kù)：MaterialDesignThemes、MaterialDesignColors和Bing WPF地圖控件Microsoft.Maps.MapControl.WPF，其中Bing地圖控件是.net framework 4.6.1版本，所以項(xiàng)目使用framework版本要好點(diǎn)，其實(shí)影響也不大。

MaterialDesign控件庫(kù)

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

注意使用bing map地圖控件需要注冊(cè)開(kāi)發(fā)者賬號(hào)，站長(zhǎng)只是按視頻教程敲的代碼，VS 2019設(shè)計(jì)器能正常加載地圖，但運(yùn)行時(shí)會(huì)有提示請(qǐng)注冊(cè)開(kāi)發(fā)者賬號(hào)，否則地圖無(wú)法正常顯示

需要注冊(cè)Bing地圖開(kāi)發(fā)者賬號(hào)

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

不需要截圖，只修改了兩個(gè)文件，App.xaml添加MD控件樣式，MainWindow主窗口實(shí)現(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地圖控件，設(shè)置地圖屬性等：

&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 大神的學(xué)習(xí)視頻：Bing Maps
開(kāi)源控件庫(kù)：MaterialDesignInXamlToolkit
本站對(duì)MD開(kāi)源控件庫(kù)的介紹：控件介紹

5.代碼下載

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

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

（正文已結(jié)束）

推薦閱讀：蘋(píng)果手機(jī)驗(yàn)機(jī)軟件

免責(zé)聲明及提醒：此文內(nèi)容為本網(wǎng)所轉(zhuǎn)載企業(yè)宣傳資訊，該相關(guān)信息僅為宣傳及傳遞更多信息之目的，不代表本網(wǎng)站觀點(diǎn)，文章真實(shí)性請(qǐng)瀏覽者慎重核實(shí)！任何投資加盟均有風(fēng)險(xiǎn)，提醒廣大民眾投資需謹(jǐn)慎！

国产午夜男女在线|欧美日本一道高清国产|亚洲日韩乱码中文字幕|麻豆国产97在线精品一区|日韩一区2区三区另类图片|亚洲精品国产99在线观看|亚洲国产午夜福利精品大秀在线|一级做a爰片性色毛片免费网站