チュートリアル

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

ポリゴンを表示する

同様に、始点と中間点と終点を指定してポリゴンを表示してみましょう。

  • YMKPolygonを作成してYMKMapViewに追加します。
YMapKitTestAppDelegate.m
//YMKPolygonの作成
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.681382;
coors[2].longitude = 139.766084;
coors[3].latitude = 35.690921;
coors[3].longitude =  139.700258;
YMKPolygon *polygon = [YMKPolygon polygonWithCoordinates:coors count:4];
//YMKPolygonをYMKMapViewに追加
[map addOverlay:polygon];
  • YMKMapViewに対してYMKOverlayを追加すると、「mapView:(YMKMapView *)mapView viewForOverlay:(id <YMKOverlay>)overlay」にイベントが返されます。
  • ポリゴンのカスタマイズを行う場合は、このイベント内でYMKPolygonViewを作成し戻り値として返します。
YMapKitTestAppDelegate.m
//overlay追加イベント
- (YMKOverlayView*)mapView:(YMKMapView *)mapView viewForOverlay:(id <YMKOverlay>)overlay
{
  //追加されたoverlayがYMKPolygonか確認
  if([overlay isKindOfClass:[YMKPolygon class]] ){
    //YMKPolygonViewを作成
    YMKPolygonView* wkYMKPolygonView = [[[YMKPolygonView alloc] initWithPolygon:overlay] autorelease];
    //ラインの色を青に設定
    wkYMKPolygonView.strokeColor = [UIColor colorWithRed:0.0 green:0.0 blue:1.0 alpha:1.0];
    wkYMKPolygonView.fillColor = [UIColor colorWithRed:0.0 green:0.0 blue:1.0 alpha:1.0];
    //ラインの太さ
    wkYMKPolygonView.lineWidth = 5;
    return wkYMKPolygonView;
  }
  return nil;
}

ポリゴンの表示例:
ポリゴンの表示例