silverlight
发布时间：2022-05-03 发布网站：大佬教程 code.js-code.com
大佬教程收集整理的这篇文章主要介绍了【Silverlight】Bing Maps学习系列（二）：通过Bing Maps Silverlight Control如何显示地图，大佬教程大佬觉得挺不错的，现在分享给大家，也给大家做个参考。
概述
如本系列第一篇你所介绍的，开发基于Silverlight的Bing Maps除了开发环境还需要一个开发Key，这个Key是用来做什么的呢？Silverlight控件在做地图呈现的时候它是一个必不可少的参数，可以理解为微软Bing Maps为用户开通的一个授权开发密匙，本文试图通过一个简单的示例演练项目来学习Bing Maps控件如何使
用这个Key来显示地图。 一、新建Silverlight
如本系列第一篇你所介绍的，开发基于Silverlight的Bing Maps除了开发环境还需要
一个开发Key，这个Key是用来做什么的呢？Silverlight控件在做地图呈现的时候它是
一个必不可少的参数，可以理解为微软Bing Maps为
用户开通的
一个授权开发密匙，本文试图通过
一个简单的示例演练项目来学习Bing Maps控件如何使
用这个Key来
显示地图。
一、新建Silverlight应用及Silverlight承载应用
我们从最简单的创建项目开始，首先创建
一个空白
解决方案，然后再方案里
添加一新的Silverlight应用，同时为该Silverlight应用创建承载程序（通常为ASP.NET Web Application或ASP.NET WebSite），如下截图：
二、如何使用Bing Maps Silverlight Control显示地图
打开Bing Maps Silverlight Control的本地安装目录，里面有两个.dll
文件，分别为：Microsoft.Map
s.MapContro
l.Common.dll和Microsoft.Map
s.MapContro
l.dll，讲这两个库
文件都引入到上面所建立的Silverlight
项目中，然后打开MainPage.xaml的源试图，这是就可以通过
名称空间将Bing Maps Silverlight Control引入到当前Silverlight
页面，如下
代码示
例：
1
<
UserControl
x:Class
="BingMaps.MainPage"
2
xmlns
="http://scheR_517_11845@as.microsoft.com/winfx/2006/xaml/presentation"
3
xmlns:x
="http://scheR_517_11845@as.microsoft.com/winfx/2006/xaml"
4
xmlns:m
="clr-namespace:Microsoft.Maps.MapControl;assembly=Microsoft.Maps.MapControl"
5
xmlns:d
="http://scheR_517_11845@as.microsoft.com/expression/blend/2008"
6
xmlns:mc
="http://scheR_517_11845@as.openxmlformats.org/markup-compatibility/2006"
7
mc:Ignorable
="d"
d:DesignWidth
="640"
d:DesignHeight
="480"
>
8
<
Grid
x:Name
="LayoutRoot"
>
9
10
</
Grid
>
11
</
UserControl
>
比如说我们将地图呈现在Grid中，就可以如下进行编码实现：
1
<
UserControl
x:Class
="BingMaps.MainPage"
2
xmlns
="http://scheR_517_11845@as.microsoft.com/winfx/2006/xaml/presentation"
3
xmlns:x
="http://scheR_517_11845@as.microsoft.com/winfx/2006/xaml"
4
xmlns:m
="clr-namespace:Microsoft.Maps.MapControl;assembly=Microsoft.Maps.MapControl"
5
xmlns:d
="http://scheR_517_11845@as.microsoft.com/expression/blend/2008"
6
xmlns:mc
="http://scheR_517_11845@as.openxmlformats.org/markup-compatibility/2006"
7
mc:Ignorable
="d"
d:DesignWidth
="640"
d:DesignHeight
="480"
>
8
<
Grid
x:Name
="LayoutRoot"
>
9
<
@H_954_53
@m:Map
CredentialsProvider
="AkzZURoD0H2Sle6Nq_DE7pm7F3xOc8S3CjDTGNWkz1EFlJJkcwDKT1KcNcmYVINU"
10
Width
="500"
11
Height
="500"
>
12
</
@H_954_53
@m:Map
>
13
</
Grid
>
14
</
UserControl
>
15
在地图控件（Map）中的CredentialsProvider就是之前我们通过Bing Maps账户管理中心创建的开发所需的Key，通过Width和Height
属性值确定地图控件将
显示的宽度和高度。编译启动程序预览就可以发现，
默认的地图（其他地图的开发在后续blog里会介绍）
已经成功的通过Bing Maps Silverlight Control呈现出来了，如下图：
如上图所示，地图左上方有地图的导航工具栏，我们可以通过Map控件的NavigationVisibility
属性设置是否要
显示该
功能导航。
1
<
@H_954_53
@m:Map
CredentialsProvider
="AkzZURoD0H2Sle6Nq_DE7pm7F3xOc8S3CjDTGNWkz1EFlJJkcwDKT1KcNcmYVINU"
2
NavigationVisibility
="Collapsed"
Width
="500"
Height
="500"
>
3
</
@H_954_53
@m:Map
>
也可以设置地图的
显示模式，有路况模式（
road）、卫星模式(Aerial模式分
显示路标和
不显示路标两种模式)，控件
默认加载为路况模式，既
road模式，如下
代码：
1
<
@H_954_53
@m:Map
CredentialsProvider
="AkzZURoD0H2Sle6Nq_DE7pm7F3xOc8S3CjDTGNWkz1EFlJJkcwDKT1KcNcmYVINU"
NAME
="map"
2
Width
="500"
Height
="500"
Mode
="road"
>
3
</
@H_954_53
@m:Map
>
设置Mode为“Aerial”则以卫星模式加载地图，Aerial是无路标的卫星模式，若要
显示路标则需要
使用“AerialWithLabels”加载地图。如下
代码：
1
<
@H_954_53
@m:Map
CredentialsProvider
="AkzZURoD0H2Sle6Nq_DE7pm7F3xOc8S3CjDTGNWkz1EFlJJkcwDKT1KcNcmYVINU"
NAME
="map"
2
Width
="500"
Height
="500"
Mode
="AerialWithLabels"
>
3
</
@H_954_53
@m:Map
>
我们还可以为路标设置缓慢
效果，当鼠标指向路标的时候缓慢
显示出路标，离开后缓慢隐藏路标。
<
@H_954_53
@m:Map
CredentialsProvider
="AkzZURoD0H2Sle6Nq_DE7pm7F3xOc8S3CjDTGNWkz1EFlJJkcwDKT1KcNcmYVINU"
NAME
="map"
Center
="37.806029,-122.407007"
>
<
@H_954_53
@m:Map.Mode
>
<
@H_954_53
@m:Aeria
lmode
Labels
="True"
FadingLabels
="True"
/>
</
@H_954_53
@m:Map.Mode
>
</
@H_954_53
@m:Map
>
大佬总结
以上是大佬教程为你收集整理的【Silverlight】Bing Maps学习系列（二）：通过Bing Maps Silverlight Control如何显示地图全部内容，希望文章能够帮你解决【Silverlight】Bing Maps学习系列（二）：通过Bing Maps Silverlight Control如何显示地图所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错，欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。
