Silverlight学习笔记十七BingMap（六）之获取图片系统的图片信息ImageryService的应用

BIngMap的ImageryService服务是一个微软发布的WCF服务，它用来获取图片系统的图片信息.服务地址：http://dev.virtualearth.net/webservices/v1/imageryservice/ImageryService.svc

本例中使用的是中文图片系统

效果如图

一、获取中文图片系统类（ChinaTileSource.cs）

  public class ChinaTileSource
    {
        /// <summary>
        /// 加载中国地图系统
        /// http://r2.tiles.ditu.live.com/tiles/r{quadkey}.png?g=41中国地图系统
        /// </summary>
        /// <returns>TileSource</returns>
        public TileSource GetChinaTileSource()
        {
            UriBuilder tileSourceUri = new UriBuilder("http://r2.tiles.ditu.live.com/tiles/r{quadkey}.png?g=41");

            MapTileLayer tileLayer = new MapTileLayer();
            LocationRectTileSource tileSource = new LocationRectTileSource(tileSourceUri.Uri.ToString()
               , new LocationRect(new Location(60, 60), new Location(13, 140)), new Range<double>(1, 16));
            return tileSource;
        }
    }

 

二、使用中文图片系统

 /// <summary>
        /// 中文图片系统
        /// </summary>
        public ImageryServiceDemo()
        {
            InitializeComponent();
            MapTileLayer tileLayer = new MapTileLayer();
            ChinaTileSource gts = new ChinaTileSource();

            tileLayer.TileSources.Add(gts.GetChinaTileSource());
            myMap.Children.Add(tileLayer);
        }

三.获取图片信息

1.前台

<UserControl x:Class="SlBindMapDemo.ImageryServiceDemo"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
              xmlns:map="clr-namespace:Microsoft.Maps.MapControl;assembly=Microsoft.Maps.MapControl"  
    mc:Ignorable="d"
    d:DesignHeight="300" d:DesignWidth="800">
   
    <Grid x:Name="LayoutRoot" Background="White">
        <map:Map  x:Name="myMap" Grid.Row="0"  Height="300"  Width="400" Center="33.845881352,105.165628188471"
       NavigationVisibility="Collapsed" Mode="Road" CredentialsProvider="AkGGA_JlwP7XGV8JxIPb8oEWxrInlLMGKpCe7QM4QB5cg4UGNCqUyjqVfC0B2-XC" >
        </map:Map>
        <Border BorderBrush="Gray" BorderThickness="3,3,3,3"
            Margin="3,3,3,3" HorizontalAlignment="Right"
            Opacity="0.78"  Height="160" Background="#A82D2D2D"
            VerticalAlignment="Top" CornerRadius="5,5,5,5">
            <StackPanel Orientation="Vertical">
                <StackPanel Orientation="Horizontal" Margin="3,3,3,3">
                    <TextBlock Text="经度："></TextBlock>
                    <TextBox x:Name="tbLongitude" Width="130"></TextBox>
                    <TextBlock Text="纬度："></TextBlock>
                    <TextBox x:Name="tbLatitude" Width="130"></TextBox>
                    <TextBlock Text="缩放级别："></TextBlock>
                    <TextBox x:Name="tbZoomLevel" Width="30"></TextBox>
                    <Button x:Name="btnImageMetadata" Click="btnImageMetadata_Click" Content="获取图片映射地址" Margin="3"></Button>
                </StackPanel>
                <StackPanel Orientation="Horizontal" Margin="3,3,3,3">
                    <TextBlock Text="映射地址："></TextBlock>
                    <TextBox x:Name="tbMetadataResult" Width="500"></TextBox>
                </StackPanel>
                <StackPanel Orientation="Horizontal" Margin="3,3,3,3">
                    <TextBlock Text="图片高度："></TextBlock>
                    <TextBox x:Name="tbHeight" Width="150"></TextBox>
                    <TextBlock Text="图片宽度："></TextBlock>
                    <TextBox x:Name="tbWidth" Width="150"></TextBox>
                    <Button Content="生产图片" Click="btnGetUrl_Click"></Button>
                </StackPanel>
                <StackPanel Orientation="Horizontal">
                    <Image x:Name="imgMap"></Image>
                </StackPanel>
            </StackPanel>
        </Border>
    </Grid>
</UserControl>

 

2.后台

  /// <summary>
        /// 获取图片地址
        /// </summary>
        /// <param name="sender"></param>
        /// <param name="e"></param>
        private void btnImageMetadata_Click(object sender, RoutedEventArgs e)
        {
            //构造服务请求对象
            var request = new ImageryMetadataRequest();
            request.Credentials = new Credentials();
            request.Credentials.ApplicationId = "AkGGA_JlwP7XGV8JxIPb8oEWxrInlLMGKpCe7QM4QB5cg4UGNCqUyjqVfC0B2-XC";

            //设置地理位置经度、纬度和地图缩放级别，从界面控件收集值
            var location = new Location(double.Parse(this.tbLatitude.Text), double.Parse(this.tbLongitude.Text));
            request.Options = new ImageryMetadataOptions();
            request.Options.Location = location;
            request.Options.ZoomLevel = int.Parse(this.tbZoomLevel.Text);
            request.Style = MapStyle.Road;

            //构造ImageryService客户端代理对象实例
            var client = new ImageryServiceClient();
            client.GetImageryMetadataCompleted += (o, args) =>  //处理请求的响应接口
            {
                if (args.Error == null)
                {
                    var response = args.Result;
                    this.tbMetadataResult.Text = response.Results[0].ImageUri.ToString();
                    this.tbHeight.Text = response.Results[0].ImageSize.Height.ToString();
                    this.tbWidth.Text = response.Results[0].ImageSize.Width.ToString();
                }
            };

            //发起异步调用
            client.GetImageryMetadataAsync(request);
        }

四、生成图片

1.前台　　

　　我在这里定义了一个Image用它来存放生成的图片

 <StackPanel Orientation="Horizontal">
                    <Image x:Name="imgMap"></Image>
                </StackPanel>

1.后台

 /// <summary>
        /// 生成图片
        /// </summary>
        /// <param name="sender"></param>
        /// <param name="e"></param>
        private void btnGetUrl_Click(object sender, RoutedEventArgs e)
        {
            var request = new MapUriRequest();
            request.Credentials = new Microsoft.Maps.MapControl.Credentials();

　　　　//申请的BIngMap ID
            request.Credentials.ApplicationId = "AkGGA_JlwP7XGV8JxIPb8oEWxrInlLMGKpCe7QM4QB5cg4UGNCqUyjqVfC0B2-XC";

            request.Center = new Location(35.0521567883562, 100.81816585252);
            var opt = new MapUriOptions();

　　　　//图片的模式
            opt.Style = MapStyle.AerialWithLabels;
            opt.ZoomLevel = 4;
            opt.ImageSize = new SizeOfint();
            opt.ImageSize.Height = int.Parse(tbHeight.Text);
            opt.ImageSize.Width = int.Parse(tbWidth.Text);

            request.Options = opt;

            var client = new ImageryServiceClient();
            client.GetMapUriCompleted += (o, args) =>
            {
                var response = args.Result;
                imgMap.Source = new BitmapImage(new Uri(response.Uri, UriKind.RelativeOrAbsolute));
            };
            client.GetMapUriAsync(request);
        }