チュートリアル

Yahoo! iOSマップSDKの主要機能を一通り体験していただくための開発チュートリアルを用意しました。
「利用準備」を済ませたうえでご利用ください。

ポリラインを表示する

次に、任意の始点と終点を持つ線分(ポリライン)を地図上に表示してみましょう。

  • YMKPolylineを作成してYMKMapViewに追加します。
YMapKitTestAppDelegate.m
//YMKPolylineを作成
CLLocationCoordinate2D coors[4];
coors[0].latitude = 35.658517;
coors[0].longitude = 139.701334;
coors[1].latitude = 35.670168;
coors[1].longitude = 139.702687;
coors[2].latitude = 35.683061;
coors[2].longitude = 139.702687;
coors[3].latitude = 35.690921;
coors[3].longitude =  139.700258;
YMKPolyline *line = [YMKPolyline polylineWithCoordinates:coors count:4];
//YMKPolylineをYMKMapViewに追加
[map addOverlay:line];
  • YMKMapViewに対してYMKOverlayを追加すると、「mapView:(YMKMapView *)mapView viewForOverlay:(id <YMKOverlay>)overlay」にイベントが返されます。
  • ポリラインのカスタマイズを行う場合は、このイベント内でYMKPolylineViewを作成し戻り値として返します。
YMapKitTestAppDelegate.m
//overlay追加イベント
- (YMKOverlayView*)mapView:(YMKMapView *)mapView viewForOverlay:(id <YMKOverlay>)overlay
{
  //追加されたoverlayがYMKPolylineか確認
  if([overlay isKindOfClass:[YMKPolyline class]] ){
     YMKPolyline* line = (YMKPolyline*)overlay;
    //YMKPolylineViewを作成
    YMKPolylineView*  wkYMKPolylineView = [[[YMKPolylineView alloc] initWithOverlay:overlay] autorelease];
    //ラインの色を青に設定
    wkYMKPolylineView.strokeColor =  [UIColor colorWithRed:0.0 green:0.0 blue:1.0 alpha:1.0];
    wkYMKPolylineView.fillColor =  [UIColor colorWithRed:0.0 green:0.0 blue:1.0 alpha:1.0];
    //ラインの太さ
    wkYMKPolylineView.lineWidth = 5;
    return wkYMKPolylineView;
  }
  return nil;
}

ポリラインの表示例:
ポリラインの表示例