이 페이지가 유용했습니까?
이 콘텐츠에 대한 여러분의 의견은 중요합니다. 의견을 알려주십시오.
추가 의견
1500자 남음
방법: Windows Phone용 Bing Maps Silverlight 컨트롤 사용

방법: Windows Phone용 Bing Maps Silverlight 컨트롤 사용

2012-02-09

이 항목에서는 Windows Phone 용 Bing Maps Silverlight 컨트롤을 사용하는 방법에 대해 설명합니다. 이 완성된 맵 컨트롤 샘플을 찾으려면 Windows Phone용 코드 샘플을 참조하십시오.

참고참고:

다음 절차의 단계는 Windows Phone용 Visual Studio 2010 Express에 적용됩니다. Visual Studio 2010 Professional 또는 Visual Studio 2010 Ultimate용 추가 기능을 사용하는 경우에는 메뉴 명령이나 창 레이아웃에서 일부 소규모 변형이 나타날 수 있습니다.  

이 항목에서는 Windows Phone 프로젝트에서 Bing Maps Silverlight 컨트롤을 사용하는 방법에 대해 설명합니다. 완료된 샘플에는 맵 컨트롤이 포함되며 Road ModeAerial Mode 간에 지도 모드를 전환하는 두 개의 버튼과 지도를 확대 및 축소하는 두 개의 버튼이 제공됩니다.

새 프로젝트를 만들려면

  1. 앱 허브에서 Windows Phone SDK 를 다운로드하여 설치했는지 확인합니다.

  2. Windows 시작 메뉴에서 Windows Phone용 Visual Studio 2010 Express 를 시작합니다.

  3. 파일 | 새 프로젝트 메뉴 명령을 클릭하여 새 프로젝트를 만듭니다.

  4. 새 프로젝트 창이 표시됩니다. Visual C# 템플릿을 확장하고 Windows Phone용 Silverlight 템플릿을 선택합니다.

  5. Windows Phone 응용프로그램 템플릿을 선택합니다. 원하는 대로 프로젝트 이름을 입력합니다.

  6. 확인을 클릭합니다. 새 프로젝트가 생성되고 Visual Studio 디자이너 창에 MainPage.xaml이 열립니다.

다음 단계는 Visual Studio 디자이너를 사용하여 응용프로그램의 컨트롤을 배치하는 것입니다. 컨트롤을 추가한 후 최종 레이아웃은 다음 화면 캡처와 유사하게 표시됩니다.

MapLayout

응용프로그램의 컨트롤을 추가하려면

  1. Visual Studio 의 도구 상자에서 Map 컨트롤을 선택합니다. 디자이너에서 새 Map 컨트롤을 만듭니다. 컨트롤의 기본 이름은 map1입니다.

  2. Visual Studio 의 도구 상자에서 Button 컨트롤을 선택합니다. 디자이너에서 Map 컨트롤 아래에 새 Button 컨트롤을 만듭니다. Road Mode, Aerial Mode, Zoom InZoom Out이 될 4개의 버튼에 텍스트를 설정합니다. 4개의 버튼에 buttonRoad, buttonAerial, buttonZoomInbuttonZoomOut이라는 이름을 지정합니다.

            <Grid x:Name="ContentPanel" Grid.Row="1" Margin="12,0,12,0">
                <my:Map Height="462" HorizontalAlignment="Left" Margin="6,6,0,0" Name="map1" VerticalAlignment="Top" Width="444" />
    
                <Button Content="Road Mode" Height="72" HorizontalAlignment="Left" Margin="6,474,0,0" Name="buttonRoad" VerticalAlignment="Top" Width="207" />
                <Button Content="Aerial Mode" Height="72" HorizontalAlignment="Left" Margin="243,474,0,0" Name="buttonAerial" VerticalAlignment="Top" Width="207" />
                <Button Content="Zoom In" Height="72" HorizontalAlignment="Left" Margin="6,535,0,0" Name="buttonZoomIn" VerticalAlignment="Top" Width="207" />
                <Button Content="Zoom Out" Height="72" HorizontalAlignment="Left" Margin="243,535,0,0" Name="buttonZoomOut" VerticalAlignment="Top" Width="207" />
            </Grid>
    
    
    
  3. 이 그림에 나온 레이아웃과 똑같이 만들려면 위의 XAML 코드를 복사하여 붙여 넣고 이를 사용하여 MainPage.xaml 파일의 표 레이아웃을 바꿉니다.

  4. 응용프로그램 창 제목도 원하는 대로 바꿀 수 있습니다.

이 단계에서는 4개의 버튼을 구현할 코드를 추가합니다.

코드를 추가하려면

  1. MainPage.xaml.cs 파일에 using Microsoft.Phone.Controls.Maps;에 대한 using 문을 추가합니다.

  2. Road Mode Button 컨트롤을 두 번 클릭합니다. MainPage.xaml.cs 파일에 buttonRoad_Click 이벤트 처리기가 만들어집니다. 모드를 설정하여 메서드를 구현합니다.

            private void buttonRoad_Click(object sender, RoutedEventArgs e)
            {
                map1.Mode = new RoadMode();
            }
    
    
  3. Aerial Mode Button 컨트롤을 두 번 클릭합니다. MainPage.xaml.cs 파일에 buttonAerial_Click 이벤트 처리기가 만들어집니다. 모드를 설정하여 메서드를 구현합니다.

            private void buttonAerial_Click(object sender, RoutedEventArgs e)
            {
                map1.Mode = new AerialMode();
            }
    
    
  4. Zoom In Button 컨트롤을 두 번 클릭합니다. MainPage.xaml.cs 파일에 buttonZoomIn_Click 이벤트 처리기가 만들어집니다. 확대/축소 값을 설정하여 메서드를 구현합니다.

            private void buttonZoomIn_Click(object sender, RoutedEventArgs e)
            {
                double zoom;
                zoom = map1.ZoomLevel;
                map1.ZoomLevel = ++zoom;
            }
    
    
  5. Zoom Out Button 컨트롤을 두 번 클릭합니다. MainPage.xaml.cs 파일에 buttonZoomOut_Click 이벤트 처리기가 만들어집니다. 확대/축소 값을 설정하여 메서드를 구현합니다.

            private void buttonZoomOut_Click(object sender, RoutedEventArgs e)
            {
                double zoom;
                zoom = map1.ZoomLevel;
                map1.ZoomLevel = --zoom;
            }
    
    
  6. 이벤트 처리기를 포함하도록 버튼에 대한 XAML이 업데이트됩니다.

            <Grid x:Name="ContentPanel" Grid.Row="1" Margin="12,0,12,0">
                <my:Map Height="462" HorizontalAlignment="Left" Margin="6,6,0,0" Name="map1" VerticalAlignment="Top" Width="444" />
                <Button Content="Zoom In" Height="72" HorizontalAlignment="Left" Margin="6,535,0,0" Name="buttonZoomIn" VerticalAlignment="Top" Width="207" Click="buttonZoomIn_Click" />
                <Button Content="Road Mode" Height="72" HorizontalAlignment="Left" Margin="6,474,0,0" Name="buttonRoad" VerticalAlignment="Top" Width="207" Click="buttonRoad_Click" />
                <Button Content="Zoom Out" Height="72" HorizontalAlignment="Left" Margin="243,535,0,0" Name="buttonZoomOut" VerticalAlignment="Top" Width="207" Click="buttonZoomOut_Click" />
                <Button Content="Aerial Mode" Height="72" HorizontalAlignment="Left" Margin="243,474,0,0" Name="buttonAerial" VerticalAlignment="Top" Width="207" Click="buttonAerial_Click" />
            </Grid>
    
    
    

이제 응용프로그램이 완성되었습니다. 이번 단계에서는 응용프로그램을 빌드하고 실행하며 디버그합니다.

MapRunning
참고참고:

이 샘플을 실행하면 Map 컨트롤의 배경에 유효하지 않은 자격 증명 메시지가 표시됩니다. 키 가져오기와 사용에 대한 지침은 Bing Maps 키 가져오기Bing Maps키를 사용하여 컨트롤 액세스를 참조하십시오.

응용프로그램을 빌드하고 디버그하려면

  1. 디버그 | 솔루션 빌드 메뉴 명령을 선택하여 솔루션을 빌드합니다. 오류 목록 창에 오류가 나타나지 않고 프로젝트가 빌드되어야 합니다. 오류 목록 창이 아직 열려 있지 않으면 보기 | 다른 창 | 오류 목록 메뉴 명령을 선택하여 이 창을 열 수 있습니다. 오류가 있는 경우 위 단계를 검토하고 오류를 수정한 다음 솔루션을 다시 빌드합니다.

  2. 디버그 | 디버깅 시작 메뉴 명령을 선택하여 응용프로그램을 실행합니다. 에뮬레이터 창이 열리고 응용프로그램이 시작됩니다. 데스크톱 컴퓨터는 인터넷에 연결되어 있어야 합니다. 그러면 버튼을 클릭하고 Map 컨트롤이 응답하는지 확인하는 방법으로 응용프로그램을 테스트할 수 있습니다.

  3. 원하는 코드 줄에 커서를 두고 디버그 | 중단점 설정/해제 메뉴 명령을 선택하여 코드에 디버그 중단점을 설정할 수 있습니다.

  4. 디버그를 중지하려면 디버그 | 디버깅 중지 메뉴 명령을 선택할 수 있습니다.

표시:
© 2015 Microsoft