65.9K
CodeProject 正在变化。 阅读更多。
Home

Silverlight 4 中的 Bing Maps

starIconstarIconstarIconstarIconemptyStarIcon

4.00/5 (2投票s)

2010 年 6 月 26 日

CPOL

3分钟阅读

viewsIcon

35184

如何在 Silverlight 应用中开始使用 Bing Maps

引言

本文旨在帮助所有希望开始在 Silverlight 中使用必应地图的人。为此,我们将在一个示例项目中创建一个简单的“我们在哪里”页面。

下载和安装控件

在 Google 中搜索“下载 Silverlight 必应地图”,您应该会获得指向最新版本的链接。它只是一个 .msi 文件,所以让我们安装它。

现在它已安装,在 C:\Program Files\ 下有一个名为“Bing Maps Silverlight Control”的新文件夹。在那里,我们可以找到文档和库。

Using the Code

进入 Visual Studio,并打开我们的解决方案后,转到项目-> 添加引用 -> 浏览选项卡,然后在 C:\Program Files 下找到“Bing Maps Silverlight Control”文件夹,并添加引用,如下图所示

AddReference.png

现在,在我们的 WhereAreWe.xaml 页面中,让我们添加 XML 命名空间

AddNameSpace.png

现在,我们可以在页面中使用该控件

MapXaml.png

让我们看一下地图属性几分钟(避免布局属性)

  • 凭据提供程序:目前(我正在使用该控件的 Beta v1),我们必须注册我们的应用程序以获得一个凭据,该凭据允许我们使用地图控件。我们可以注册多达 5 个应用程序。我们获得的注册码是我们在 CredentialsProvider 属性中设置的(有关更多信息,请参阅 此链接。)
  • 中心点:我们希望地图在加载时显示的中心点
  • 版权可见性:显示/隐藏地图控件的版权
  • 语言区域:我们希望在地图控件中使用的语言/区域设置
  • LogoVisibility:显示/隐藏必应地图的徽标
  • 缩放级别:地图缩放的距离(1 为最远)

我们如何获取地址点?

我们需要知道如何设置中心点和我们的位置。让我们转到必应地图,查找一个地方,比如塞维利亚。一旦我们得到结果并且城市在地图上显示出来,我们将在浏览器的地址栏中输入 javascript:map.GetCenter()。我们会得到类似这样的结果:(37.38763567060232, -6.001807451248169)。

因此,我们的中心点将是-> Center="37.38763567060232,-6.001807451248469"。请注意,当我们设置该点时,两个值之间没有空格,只有一个“,”符号。

在地图上放置我们的位置

MapChildren.png

我们可以为我们的地图创建一个 Children 部分。在这种情况下,我为每个子项使用一个画布。看一下 m:MapLayer.Position 属性。那是我们希望我们的子项出现在地图上的点。我只是使用一个图像来让用户知道我们的位置在哪里,但我们可以利用 XAML 的强大功能和灵活性,使用旋转、效果、触发器……无论我们想要什么。

我们可以根据需要添加任意数量的子项。当然,如果我们要显示大量可变的位置,我認為在后台代码中动态地执行此操作是最好的方法。

如果运行该应用程序,您会注意到该控件运行速度很快,并且您会喜欢在更改缩放级别或位置时的过渡效果。

感谢您阅读本文。请随时发表您拥有的任何评论/建议/疑问。也许改天,我们将讨论如何让用户写一个地址并在地图上显示该位置。

希望对您有所帮助!

(有关更多信息,请参阅 此链接。)

历史

  • 2010 年 6 月 26 日:首次发布
© . All rights reserved.