在作业1基础上
1.添加引用,加载图层,输网址的地方再粘一遍链接,1个是街景图,一个是卫星图,并分别加一个ID,如下
<esri:ArcGISTiledMapServiceLayer Url="http://services.arcgisonline.com/arcgis/rest/services/ESRI_Imagery_World_2D/MapServer" ID="imamap" />
<esri:ArcGISTiledMapServiceLayer Url="http://services.arcgisonline.com/arcgis/rest/services/ESRI_StreetMap_World_2D/MapServer" ID="streetmap" />
2.拖入2个Button按钮,重命名,双击进入编辑页面,设置2个图层的可见性如下,依次可见不可见,如下。
private void button1_Click(object sender, RoutedEventArgs e)
{
map1.Layers["streetmap"].Visible = true;
map1.Layers["imamap"].Visible = false;
}
private void button2_Click(object sender, RoutedEventArgs e)
{
map1.Layers["streetmap"].Visible = false;
map1.Layers["imamap"].Visible = true;
}
3.要求打开后在中国,设置Extent,在代码行里
<esri:Map Background="White" HorizontalAlignment="Left" <strong><span style="color:#3333ff;">Extent="60,60,130,13"</span></strong> Name="map1" VerticalAlignment="Top" WrapAround="True" Height="300" Width="388">
</pre><pre code_snippet_id="623612" snippet_file_name="blog_20150319_4_9858641" name="code" class="csharp">4.点击运行
MainPage.xaml代码
<UserControl x:Class="ArcGisSilverlight.MainPage"
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"
mc:Ignorable="d"
xmlns:esri="clr-namespace:ESRI.ArcGIS.Client;assembly=ESRI.ArcGIS.Client"
xmlns:esriGeometry="clr-namespace:ESRI.ArcGIS.Client.Geometry;assembly=ESRI.ArcGIS.Client"
d:DesignHeight="300" d:DesignWidth="400">
<Grid x:Name="LayoutRoot" Background="White">
<esri:Map Background="White" HorizontalAlignment="Left" Extent="60,60,130,13" Name="map1" VerticalAlignment="Top" WrapAround="True" Height="300" Width="388">
<esri:Map.Layers>
<esri:LayerCollection>
<esri:ArcGISTiledMapServiceLayer Url="http://services.arcgisonline.com/arcgis/rest/services/ESRI_Imagery_World_2D/MapServer" ID="imamap" />
<esri:ArcGISTiledMapServiceLayer Url="http://services.arcgisonline.com/arcgis/rest/services/ESRI_StreetMap_World_2D/MapServer" ID="streetmap" />
</esri:LayerCollection>
</esri:Map.Layers>
</esri:Map>
<Button Content="街景图" Height="23" HorizontalAlignment="Left" Name="button1" VerticalAlignment="Top" Width="75" Click="button1_Click" />
<Button Content="影像图" Height="23" HorizontalAlignment="Left" Margin="81,0,0,0" Name="button2" VerticalAlignment="Top" Width="75" Click="button2_Click" />
</Grid>
</UserControl>
</pre><p>MainPage.xaml.cs代码</p><p></p><pre code_snippet_id="623612" snippet_file_name="blog_20150319_6_2262910" name="code" class="csharp">using System;
using System.Collections.Generic;
using System.Linq;
using System.Net;
using System.Windows;
using System.Windows.Controls;
using System.Windows.Documents;
using System.Windows.Input;
using System.Windows.Media;
using System.Windows.Media.Animation;
using System.Windows.Shapes;
namespace ArcGisSilverlight
{
public partial class MainPage : UserControl
{
public MainPage()
{
InitializeComponent();
}
private void button1_Click(object sender, RoutedEventArgs e)
{
map1.Layers["streetmap"].Visible = true;
map1.Layers["imamap"].Visible = false;
}
private void button2_Click(object sender, RoutedEventArgs e)
{
map1.Layers["streetmap"].Visible = false;
map1.Layers["imamap"].Visible = true;
}
}
}
效果如下:
分别按下街景图,影像图可以自由切换。