【Silverlight】Bing Maps学习系列（二）：通过Bing Maps Silverlight Control如何显示地图

如本系列第一篇你所介绍 的，开发基于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.Maps.MapControl.Common.dll和 Microsoft.Maps.MapControl.dll，讲这两个库文件都引入到上面所建立的Silverlight项目中，然后打开 MainPage.xaml的源试图，这是就可以通过名称空间将Bing Maps Silverlight Control引入到当前Silverlight页面，如下代码示例：

<!-- <br /><br />Code highlighting produced by Actipro CodeHighlighter (freeware)<br />http://www.CodeHighlighter.com/<br /><br />--> 1  < UserControl  x:Class ="BingMaps.MainPage"
 2      xmlns ="http://schemas.microsoft.com/winfx/2006/xaml/presentation "  
 3      xmlns:x ="http://schemas.microsoft.com/winfx/2006/xaml "
 4      xmlns:m ="clr-namespace:Microsoft.Maps.MapControl;assembly=Microsoft.Maps.MapControl"
 5      xmlns:d ="http://schemas.microsoft.com/expression/blend/2008 "  
 6      xmlns:mc ="http://schemas.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中，就可以如下进行编码实现：

<!-- <br /><br />Code highlighting produced by Actipro CodeHighlighter (freeware)<br />http://www.CodeHighlighter.com/<br /><br />--> 1  < UserControl  x:Class ="BingMaps.MainPage"
 2      xmlns ="http://schemas.microsoft.com/winfx/2006/xaml/presentation "  
 3      xmlns:x ="http://schemas.microsoft.com/winfx/2006/xaml "
 4      xmlns:m ="clr-namespace:Microsoft.Maps.MapControl;assembly=Microsoft.Maps.MapControl"
 5      xmlns:d ="http://schemas.microsoft.com/expression/blend/2008 "  
 6      xmlns:mc ="http://schemas.openxmlformats.org/markup-compatibility/2006 "  
 7      mc:Ignorable ="d"  d:DesignWidth ="640"  d:DesignHeight ="480" >
 8     < Grid  x:Name ="LayoutRoot" >
 9           < m:Map  CredentialsProvider ="AkzZURoD0H2Sle6Nq_DE7pm7F3xOc8S3CjDTGNWkz1EFlJJkcwDKT1KcNcmYVINU"   
10                 Width ="500"
11                 Height ="500" >
12           </ m:Map >
13     </ Grid >
14  </ UserControl >
15  

 

　　在地图控件（Map）中的CredentialsProvider就是之前我们通过Bing Maps账户管理中心创建的开发所需的Key，通过Width和Height属性值确定地图控件将显示的宽度和高度。编译启动程序预览就可以发现，默认的 地图（其他地图的开发在后续blog里会介绍）已经成功的通过Bing Maps Silverlight Control呈现出来了，如下图：

　　　　　　　　  

 

三、其他功能属性说明 　　

　　如上图所示，地图左上方有地图的导航工具栏，我们可以通过Map控件的NavigationVisibility属性设置是否要显示该功能导航。

<!-- <br /><br />Code highlighting produced by Actipro CodeHighlighter (freeware)<br />http://www.CodeHighlighter.com/<br /><br />-->1  < m:Map  CredentialsProvider ="AkzZURoD0H2Sle6Nq_DE7pm7F3xOc8S3CjDTGNWkz1EFlJJkcwDKT1KcNcmYVINU"   
2         NavigationVisibility ="Collapsed"  Width ="500"  Height ="500" >
3  </ m:Map >

 

　　也可以设置地图的显示模式，有路况模式（Road）、卫星模式(Aerial模式分显示路标和不显示路标两种模式)，控件默认加载为路况模式，既Road模式，如下代码：

<!-- <br /><br />Code highlighting produced by Actipro CodeHighlighter (freeware)<br />http://www.CodeHighlighter.com/<br /><br />-->1  < m:Map  CredentialsProvider ="AkzZURoD0H2Sle6Nq_DE7pm7F3xOc8S3CjDTGNWkz1EFlJJkcwDKT1KcNcmYVINU"  Name ="map"
2          Width ="500"  Height ="500"  Mode ="Road" >
3  </ m:Map >

 

　　设置Mode为“Aerial”则以卫星模式加载地图，Aerial是无路标的卫星模式，若要显示路标则需要使用“AerialWithLabels”加载地图。如下代码：

 

<!-- <br /><br />Code highlighting produced by Actipro CodeHighlighter (freeware)<br />http://www.CodeHighlighter.com/<br /><br />-->1  < m:Map  CredentialsProvider ="AkzZURoD0H2Sle6Nq_DE7pm7F3xOc8S3CjDTGNWkz1EFlJJkcwDKT1KcNcmYVINU"  Name ="map"
2          Width ="500"  Height ="500"  Mode ="AerialWithLabels" >
3  </ m:Map >

　　　　　　  

 

　　我们还可以为路标设置缓慢效果，当鼠标指向路标的时候缓慢显示出路标，离开后缓慢隐藏路标。

<!-- <br /><br />Code highlighting produced by Actipro CodeHighlighter (freeware)<br />http://www.CodeHighlighter.com/<br /><br />-->< m:Map  CredentialsProvider ="AkzZURoD0H2Sle6Nq_DE7pm7F3xOc8S3CjDTGNWkz1EFlJJkcwDKT1KcNcmYVINU"  Name ="map"  
         Center ="37.806029,-122.407007" >
     < m:Map.Mode >
         < m:AerialMode  Labels ="True"  FadingLabels ="True"   />
     </ m:Map.Mode >
</ m:Map >

 

相关说明

 本文属学习笔记文章，愿与有志者共同学习交流。欢迎转载，但请在明显地位标记本文的原文连接。  

作      者：Beniao

文章出处：http://beniao.cnblogs.com/   或  http://www.cnblogs.com/

 

 

Tag标签: Silverlight ,Bing ,Maps ,Control

1

0

0

(请您对文章做出评价)

« 上一篇：【Silverlight】Bing Maps学习系列（一）：开发前的准备工作
» 下一篇：【Silverlight】Bing Maps学习系列（三）：如何控制地图

<script src="http://partner.googleadservices.com/gampad/google_service.js" type="text/javascript"></script><script type="text/javascript"> try { GS_googleAddAdSenseService(&quot;ca-pub-4210569241504288&quot;); GS_googleEnableAllServices(); } catch (e) { } </script><script src="http://partner.googleadservices.com/gampad/google_ads.js"></script><script type="text/javascript"> try { GA_googleAddSlot(&quot;ca-pub-4210569241504288&quot;, &quot;cnblogs_blogpost_body&quot;); GA_googleAddSlot(&quot;ca-pub-4210569241504288&quot;, &quot;cnblogs_commentbox_up&quot;); GA_googleAddSlot(&quot;ca-pub-4210569241504288&quot;, &quot;cnblogs_blogpost_bottom&quot;); } catch (e) { } </script><script type="text/javascript"> try { GA_googleFetchAds(); } catch (e) { } </script><script type="text/javascript"> var blog_ad_has_shown = false; </script>

posted @ 2009-11-24 18:05 Bēniaǒ 阅读(423) 评论(3)  编辑 收藏 网摘 所属分类: Bing Maps

<!-- <rdf:RDF xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:trackback="http://madskills.com/public/xml/rss/module/trackback/"> <rdf:Description rdf:about="http://www.cnblogs.com/beniao/archive/2009/11/24/1608284.html" dc:identifier="http://www.cnblogs.com/beniao/archive/2009/11/24/1608284.html" dc:title="" trackback:ping="http://www.cnblogs.com/beniao/services/trackbacks/1608284.aspx" /> </rdf:RDF> --> <!-- end: topics 文章、评论容器-->

<!-- done-->

<!-- 共有<span class="cmt_num"></span>评论--> <!-- <span class="cmt_fct">[<a href="">订阅评论</a>]</span> -->

1710790

#1楼 TMAC        在2009-11-24 21:53说：

沙发

  回复   引用   查看     

#2楼 Motto        在2009-11-25 08:45说：

不错，谢谢了·

  回复   引用   查看     

#3楼 D调dě浪漫        在2009-11-30 14:06说：

怎么换上面的地图？