我要说的是，我们已经可以通过必应地图SilverLight控件显示中国地图了，大家去试一下吧。还是那句话：

• %1 - This parameter is a place holder for map style. If the tile images start with 'a', 'r', or 'h', and the source URL contains %1, the map only displays tiles if the view style matches the image names. If this parameter is omitted, then tiles are displayed on every view type.
• %2 - This parameter is a place holder for the server number if there is more than one server. Use this place holder if the tiles are hosted on multiple severs (numbered sequentially). Bing Maps will make requests to each server in a round-robin fashion.
• %4 - The last parameter is a place holder for the default Bing Maps numbering scheme. Use this if the custom tiles follow the Bing Maps numbering scheme.

如果你觉得很难理解上面那段英文的话，那么我告诉你，在将Bing Maps的卫星照片设为自定义图层TileSource时，只需要下面的一段代码：

var tileSourceSpec = new VETileSourceSpecification("china", "http://t0.tiles.virtualearth.net/tiles/a%4.png?g=213"); 或者：

var tileSourceSpec = new VETileSourceSpecification("china", "http://t%2.tiles.virtualearth.net/tiles/a%4.png?g=213"); 这种形式支持访问多个地图服务器。

上面那段代码中，a%4.png，其中a表示卫星图片（aerial的首字母），当你想调用道路图的时候可以将a改为r。

到此为止，我们已经可以将Bing Maps上的卫星图片叠加在Bing Ditu上了。代码如下：

        function GetTiles()
         {    

            var tileSourceSpec = new VETileSourceSpecification("china", "http://t%2.tiles.virtualearth.net/tiles/a%4.png?g=213");
            tileSourceSpec.NumServers = 2;
            tileSourceSpec.Bounds = null;
            tileSourceSpec.MinZoomLevel = 1;
            tileSourceSpec.MaxZoomLevel = 17;
            tileSourceSpec.Opacity = 1;
            tileSourceSpec.ZIndex = 900;

            map.AddTileLayer(tileSourceSpec, true);
         } 

= (cos(latitude * pi/180) * 2 * pi * 6378137 meters) / (256 * 2^level pixels)

写这篇文章的时候想到一句诗：无心插柳柳成荫。虽然以前知道mkt参数的用处，就是用于显示不同的语言版本，但是从来没想过在必应地图API开发中加入这个参数，并且得到了意想不到的效果。

很多朋友问我，如何在中文必应地图上显示卫星地图。因为中文必应地图不支持卫星地图，而Bing Maps全球平台又不支持中文且中国地区地图质量较差。昨天，在解答一个同事的问题的时候，偶然发现一个最简单的办法。随便打开一个必应地图的例子源代码，找到下面这行代码：

<script type="text/javascript" src="http://dev.ditu.live.com/mapcontrol/mapcontrol.ashx?v=6.1"></script>。如果不做任何修改，我们看到的是如下效果：

现在我们在上面的地图控件URL中加入mkt=en-us参数，即：

<script type="text/javascript" src="http://dev.ditu.live.com/mapcontrol/mapcontrol.ashx?v=6.1&mkt=en-us"></script>。运行该例子，得到如下效果：

《变形金刚2》上映4日国内票房过亿，基本上我只能等盗版流出下载观看了。很多时候愿望很小，却不容易实现。比如我一直想写一篇博客，介绍一下在地图上画圆。这个想法来源于不止一个客户问起怎么在地图上实现区域搜索，比如搜索一个圆、长方形、多边形内的兴趣点。

于是衍生出来一个问题，微软为什么不提供更丰富的地图功能，比如测量两点之间的距离，画各种形状等等；

再衍生一个问题，不止一个朋友抱怨微软spcase越来越难用了，比QQ空间做的还差，为什么不这么做，为什么不那么做；

其实，如果微软什么都做了，什么都做得很好的话，就没有别的公司机会了。我常常和别人讲，在美国微软挣10块钱，要分给合作伙伴7块钱，因为我们知道很多事情应该交给合作伙伴去完成。

回到刚才的问题，微软地图是没有提供画圆的工具，但是我们提供了画圆的方法，或者画圆方法的方法。但是我们不一定需要在界面上给出这个功能，因为有人需要有人不需要。所以有需要的用户可以自己去实现，或者找合作伙伴去实现。

在地图上画圆更是一个数学算法问题，所以我就直接给出代码，大家直接拷贝下面的代码就行了。

function drawCircle(origin,radius)
{ 
      var earthRadius = 6371;
     
      //latitude in radians
        var lat = (origin.Latitude*Math.PI)/180;
       
        //longitude in radians
        var lon = (origin.Longitude*Math.PI)/180;
       
        //angular distance covered on earth's surface
        var d = parseFloat(radius)/earthRadius; 
       
        var points = new Array();
        for (i = 0; i <= 360; i++)
        {
            var point = new VELatLong(0,0)           
            var bearing = i * Math.PI / 180; //rad
            point.Latitude = Math.asin(Math.sin(lat)*Math.cos(d) + Math.cos(lat)*Math.sin(d)*Math.cos(bearing));
            point.Longitude = ((lon + Math.atan2(Math.sin(bearing)*Math.sin(d)*Math.cos(lat), Math.cos(d)-Math.sin(lat)*Math.sin(point.Latitude))) * 180) / Math.PI;
            point.Latitude = (point.Latitude * 180) / Math.PI;
            points.push(point);
        }
       
       var circle = new VEShape(VEShapeType.Polyline, points);
       circle.HideIcon();
       searchShapeLayer.AddShape(circle);
      
       map.SetMapView(points);
    }

上面的算法只是在地图上简单的画一个圆，位置和大小都固定的。有朋友会继续问，如何在地图用鼠标画圆，圆的大小随着鼠标移动而变化。这个问题需要研究一下鼠标事件的响应函数。同学们可以把它当做课后作业吧，呵呵。

进一步探讨如何搜索一个圆形区域内的兴趣点，其实就是判断兴趣点与圆心的距离是否小于半径。所以额外给出地球上两点之间距离的计算方法：

function distance(latlong,latlong2)
    {
      var lat1 = latlong.Latitude;
      var lon1 = latlong.Longitude;
      var lat2 = latlong2.Latitude;
      var lon2 = latlong2.Longitude;
      var earthRadius = 6371;
     
      var factor = Math.PI/180;
      var dLat = (lat2-lat1)*factor;
      var dLon = (lon2-lon1)*factor;
      var a = Math.sin(dLat/2) * Math.sin(dLat/2)+Math.cos(lat1*factor)*Math.cos(lat2*factor)*Math.sin(dLon/2) * Math.sin(dLon/2);
      var c = 2 * Math.atan2(Math.sqrt(a), Math.sqrt(1-a));
      var d = earthRadius * c;
     
      return d;
    }

参加过我讲座的同学们应该看过我展示的一段在微软Surface上操作Bing地图（Virtual Earth）的视频。在这段视频中，我们可以非常酷的通过双手在屏幕上浏览城市三维建筑，查看视频监控录像，显示小区的电耗、水耗，甚至可以进入楼宇内部参观。几乎所有的朋友见到这段视频时的表情可以用四个字形容：两眼放光。

我曾经和很多朋友探讨过这项应用的前景，大家一致认为这个应用将会很受欢迎，并且愿意为之投入。例如可以在著名景区门口放置一台这样的设备，展示整个景区的全貌及各个景点细节；可以在各地政府会议室配备一台，向领导汇报工作的时候可以直接在触摸屏上展示各地区的经济状况、税收情况、人口分布等；可以在应急指挥中心配备一台，遇上紧急事件时也不需要领导亲临现场，在办公室操作Surface就行了。。。

于是，不少合作伙伴问起如何在Surface上开发这类应用。他们也担心Surface的价格会不会太高，能不能在大陆销售等问题。告诉大家一个好消息，微软Windows 7支持多点触摸技术。因此我们可以直接在Windows 7中开发视频中的酷炫应用，所需的只是支持触摸屏的电脑。目前满足应用需求的硬件如下：

 N-trig (DELL LATITUDE XT & XT2, HP TouchSmart TX), Next Windows (HP TouchSmart)

开发需求如下：

·         Win32 Development

o   Requirement: Window 7 SDK + Visual Studio 2008 sp1

o   Resources: Programming Guide http://msdn.microsoft.com/en-us/library/dd371406(VS.85).aspx

o   Code Sample: http://code.msdn.microsoft.com/WindowsTouch

·         WinForm & WPF 3.5 sp1 Development

o   Requirement: Visual Studio 2008 sp1

o   Resources: Programming Guide http://msdn.microsoft.com/en-us/library/dd371406(VS.85).aspx

o   Code Sample: http://code.msdn.microsoft.com/WindowsTouch

·         WPF 4.0

o   Requirement: .NET 4.0 & Visual Studio 2010

o   It support by Stylus & Control

o   No Resource yet.

当然，您还需要了解Bing地图的SDK: http://www.microsoft.com/maps/isdk/ajax/。希望加入微软Bing地图合作伙伴计划的，或者对Bing地图有任何问题的话请直接联系我：acnchen@hotmail.com

1. 运行Visual Studio 2008， 在Silverlight工程中选择Silverlight Application模版新建一个工程. 
   
   
2. 在“Add Silverlight Application”对话框中，选择“Add a new ASP.NET Web project to the solution to host Silverlight”，点击“OK”。必须选择这个选项是来创建ASP.Net Application工程或ASP.NET Website是因为Silverlight访问URL限制 要求地图控件所在的网页必须采用HTTP来加载/访问Virtual Earth地图图片。
   
   

添加Reference至Microsoft.VirtualEarth.MapControl.dll

•  在“Solution Explorer” 右键点击“References” （Silverlight工程而不是ASP.NET Web Application Project）， 选择 “Add Reference…” 
  
  
  
• 在“Add Reference” 对话框选择“Browse” 标签，找到安装SDK的目录，选择“Microsoft.VirtualEarth.MapControl.dll"。
  
  注意:SDK默认安装目录是“C:\Program Files (x86)\Microsoft Virtual Earth Silverlight Map Control\CTP\Libraries” 
  
  

显示Virtual Earth地图

• 为Microsoft.VirtualEarth.MapControl在Page.xaml中添加命名空间（namespace）申明。 只要在<UserControl>标签中添加下面的内容即可:
  xmlns:m="clr-namespace:Microsoft.VirtualEarth.MapControl;assembly=Microsoft.VirtualEarth.MapControl"
• 在页面中增加地图控件，即将下面的标签添加到Page.xaml的Grid域中。
  <m:Map></m:Map>

Page.xaml最后显示的结果：

<UserControl x:Class="VirtualEarthSilverlightApplication1.Page"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:m="clr-namespace:Microsoft.VirtualEarth.MapControl;assembly=Microsoft.VirtualEarth.MapControl"
    Width="400" Height="300">
    <Grid x:Name="LayoutRoot" Background="White">
        <m:Map></m:Map>
    </Grid>
</UserControl>

现在，我们可以运行这个工程（按F5），你可以看到基于SilverLight的Virtual Earth地图了。

如果想改变地图属性，我们可以采用XAML或者C#两种方式。

XAML: 通过XAML设置Mode属性就可以改变地图模式。例如我们设置为”Aerial“模式，显示卫星地图。

<UserControl x:Class="VirtualEarthSilverlightApplication1.Page"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:m="clr-namespace:Microsoft.VirtualEarth.MapControl;assembly=Microsoft.VirtualEarth.MapControl"
    Width="400" Height="300">
    <Grid x:Name="LayoutRoot" Background="White">
        <m:Map Mode="Aerial"></m:Map>
    </Grid>
</UserControl>

C#: 如果采用程序控制改变地图模式，需要在Pagexaml.cs中添加以下两个引用

using System.Windows.Controls;
using Microsoft.VirtualEarth.MapControl;

然后在程序中添加Map1.Mode = new AerialMode(); 最终内容显示如下：

namespace VirtualEarthSilverlightApplication1
{
    public partial class Page : UserControl
    {
        public Page()
        {
            InitializeComponent();

            Map1.Mode = new AerialMode();
        }
    }
}

但是，为了能够通过程序访问地图控件，我们必须事先在Page.xaml中设置“Name”属性：

<UserControl x:Class="VirtualEarthSilverlightApplication1.Page"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:m="clr-namespace:Microsoft.VirtualEarth.MapControl;assembly=Microsoft.VirtualEarth.MapControl"
    Width="400" Height="300">
    <Grid x:Name="LayoutRoot" Background="White">
        <m:Map Name="Map1"></m:Map>
    </Grid>
</UserControl>

1. 安装Silverlight Tools for Visual Studio 2008 SP1
   这个工具要求 Visual Studio 2008 SP1 或 Visual Web Developer Express with SP1 ，包括一些必须的Visual Studio更新文件，Silverlight工程模版，developer runtime，以及SDK。
2. 安装Microsoft Expression Blend 2 以及Microsoft Expression Blend 2 Service Pack 1
   Expression Blend 2以及Service Pack 1为设计人员提供图形界面，创建SilverLight 2应用
3. 安装Deep Zoom Composer
   这个工具使我们能够在SilverLight应用中增加Deep Zoom功能。
4. 下载Silverlight Toolkit
   这个Toolkit包含了开发Silverlight应用所需的控件、工具等，其中还提供了源代码、例子及测试。

第三步：下载Virtual Earth SilverLight控件：http://connect.microsoft.com/silverlightmapcontrolctp

完成以上这三步应该可以开始开发VESL的应用了，有问题的话给我发信吧：acnchen@hotmail.com

一些参考网站：

http://silverlight.net/GetStarted/开发SilverLight所需的