手順2:コードの追加

この手順では、MainPage.xaml.cs ファイルにコードを追加します。

MainPage.xaml ページを右クリックし、リストから［コードの表示］を選択します。MainPage.xaml.cs が開きます。
次の名前空間をインポートします。
- C1.Xaml
- C1.Xaml.Maps

次のコードをクラス宣言に追加します。

C#	コードのコピー
C1VectorLayer vl; Random rnd = new Random(); C1VectorPlacemark current = null; Point offset = new Point();

InitializeComponent() メソッドに次のコードを追加します。このコードは、マップソースを変更し、C1VectorLayer を追加し、ランダムな座標を作成します。

C#	コードのコピー
maps.Source = new VirtualEarthHybridSource(); vl = new C1VectorLayer(); maps.Layers.Add(vl); maps.RightTapped += maps_RightTapped; for (int i = 0; i < 10; i++) { // ランダムな座標を作成します Point pt = new Point(-80 + rnd.Next(160), -80 + rnd.Next(160)); AddMark(pt); } }

コードのコピー

maps.Source = new VirtualEarthHybridSource();
            vl = new C1VectorLayer();
            maps.Layers.Add(vl);
            maps.RightTapped += maps_RightTapped;
            for (int i = 0; i < 10; i++)
            {
                // ランダムな座標を作成します
                Point pt = new Point(-80 + rnd.Next(160), -80 + rnd.Next(160));
                AddMark(pt);
            }        }

次のコードは、InitializeComponent() メソッドの閉じ中かっこの後に挿入する必要があります。このコードは、RightTapped イベントハンドラと AddMark() メソッドを追加します。

C# コードの書き方

C#	コードのコピー
void maps_RightTapped(object sender, RightTappedRoutedEventArgs e) { AddMark(maps.ScreenToGeographic(e.GetPosition(maps))); } void AddMark(Point pt) { Color clr = Utils.GetRandomColor(128, 192); C1VectorPlacemark mark = new C1VectorPlacemark() { GeoPoint = pt, Label = new TextBlock() { RenderTransform = new TranslateTransform() { Y = -5 }, IsHitTestVisible = false, Text = (vl.Children.Count + 1).ToString() }, LabelPosition = LabelPosition.Top, Geometry = Utils.CreateBaloon(), Stroke = new SolidColorBrush(Colors.DarkGray), Fill = new SolidColorBrush(clr), }; mark.PointerPressed += mark_PointerPressed; maps.PointerMoved += mark_PointerMoved; mark.PointerReleased += mark_PointerReleased; vl.Children.Add(mark); mark.DoubleTapped += mark_DoubleTapped; }

最後に追加するコードセクションでは、C1Maps コントロールのいくつかの Pointer イベントと、マーカーの DoubleTapped イベントを処理します。

C# コードの書き方

C#	コードのコピー
void mark_PointerMoved(object sender, PointerRoutedEventArgs e) { if (current == null) { return; } var cur = e.GetCurrentPoint(maps).Position; cur = new Point(cur.X - offset.X, cur.Y - offset.Y); current.GeoPoint = maps.ScreenToGeographic(cur); e.Handled = true; } void mark_PointerPressed(object sender, PointerRoutedEventArgs e) { offset = e.GetCurrentPoint(sender as C1VectorPlacemark).Position; current = sender as C1VectorPlacemark; e.Handled = true; } void mark_PointerReleased(object sender, PointerRoutedEventArgs e) { current = null; e.Handled = true; } void mark_DoubleTapped(object sender, DoubleTappedRoutedEventArgs e) { e.Handled = true; vl.Children.Remove((C1VectorPlacemark)sender); } } }

この手順では、タップイベントなどのイベントを処理するコードを追加しました。また、マップソースを変更し、初期マップマーカーの座標をランダムに作成しました。