windows phone7中使用bing中文地图和Google地图

之前在windows phone中使用map控件时，一直加载出来的是英文的bing map，一直以为要等ms提供汉化的map；而同时google和baidu等未发现对应的map sdk或api，那个苦恼啊，使用英文bing map那个痛苦啊；期间看到一些使用加载titlesource 加载google地图或者bing map中文地图的方法；但是这些方法都是非正式处理方法，担心应用发布后会遇到问题；后来从nokia那得到消息，nokia会出正式的windows phone地图，但是需要走商业合同... ...，我只整理了下如何加载中文bingmap和google map的方法;源码

实现的大致思路都是重写titlesource，在bingmap control中添加一个层，将对应titlesource加载到这个层上显示；

方法是定义两个类继承自Microsoft.Phone.Controls.Maps.TileSource，然后重写geturl方法；

代码如下：

    public class GoogleTitleSource : TileSource
    {
        public GoogleTitleSource()
            : base("http://khm{0}.google.com/kh/v=47&x={1}&y={2}&z={3")
        {

        }

        public override Uri GetUri(int x, int y, int zoomLevel)
        {
            return new Uri(string.Format(this.UriFormat, x % 4, x, y, zoomLevel));
        }

    }

    public class BingChinaTitleSource : TileSource
    {
        public BingChinaTitleSource()
            : base("http://r2.tiles.ditu.live.com/tiles/r{quadkey}.png?g=4")
        {

        }
    }

再在page loaded事件中添加对应map的层和源

  private void PhoneApplicationPage_Loaded(object sender, RoutedEventArgs e)
        {
            //bing
            MapTileLayer bingtileLayer = new MapTileLayer();
            bingtileLayer.Width = 431;
            bingtileLayer.Height = 540;

            GeoCoordinate center = new GeoCoordinate(36,104);
            TileSource tileSource = new BingChinaTitleSource();
            bingtileLayer.TileSources.Add(tileSource);
            bingtileLayer.Opacity = 0.9;
            bingMap.Children.Add(bingtileLayer);
            bingMap.Mode = new MercatorMode();
            bingMap.Center = center;

            //google
            MapTileLayer googletileLayer = new MapTileLayer();
            googletileLayer.Width = 431;
            googletileLayer.Height = 540;
       
            TileSource googletileSource = new GoogleTitleSource();
            googletileLayer.TileSources.Add(tileSource);
            googletileLayer.Opacity = 0.9;
            google.Children.Add(googletileLayer);
            google.Mode = new MercatorMode();
            google.Center = center;

            bingEng.Center = center;
        }

ui中使用全景视图，分别添加两个Map控件

 <controls:Panorama Grid.Row="1" Height="722" HorizontalAlignment="Left" Margin="0,0,0,0" Title="maps" VerticalAlignment="Top" Width="479" FontSize="26.667" Style="{StaticResource PanoramaStyle1}">
        <controls:PanoramaItem Header="Bing Map Chinese" Style="{StaticResource PanoramaItemStyle1}">
            <Grid Height="579" Width="434">
                <my:Map x:Name="bingMap" Height="578" LogoVisibility="Collapsed" CopyrightVisibility="Collapsed" HorizontalAlignment="Left" Margin="3,1,0,0"
                         VerticalAlignment="Top" Width="431" ZoomLevel="3" />
            </Grid>
        </controls:PanoramaItem>
        <controls:PanoramaItem Header="Google Map" Style="{StaticResource PanoramaItemStyle1}">
            <Grid Height="578" Width="426">
                <my:Map x:Name="google" Height="578" LogoVisibility="Collapsed" CopyrightVisibility="Collapsed" HorizontalAlignment="Left" Margin="3,1,0,0"
                    VerticalAlignment="Top" Width="431" ZoomLevel="3" />
            </Grid>
        </controls:PanoramaItem>
        <controls:PanoramaItem Header="bing Map englsh" Style="{StaticResource PanoramaItemStyle1}">
            <Grid Height="557" Width="426">
                <my:Map x:Name="bingEng" Height="549" ZoomLevel="3" LogoVisibility="Collapsed" CopyrightVisibility="Collapsed" HorizontalAlignment="Left" Margin="3,1,0,0" VerticalAlignment="Top" Width="416" />
            </Grid>
        </controls:PanoramaItem>
    </controls:Panorama>

运行效果

从体验来说bing中文和google似乎差别不大，但是bing英文 ui显示元素太少；

源码