チュートリアル

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

アイコンイメージを変更する

アイコンを任意のイメージに変更してみましょう。

  • YMKMapViewに対してAnnotationを追加すると、「mapView:(YMKMapView *)mapView viewForAnnotation:(Myannotation)annotation」にイベントが返されます。
  • アイコンのカスタマイズを行う場合は、このイベント内でYMKPinAnnotationViewを作成し戻り値として返します。
  • イメージの変更を行う場合は、YMKPinAnnotationViewimageプロパティーにイメージを設定します。
  • イメージの変更を行った場合は、アイコンの基準点はアイコン画像の左上になります。基準点の座標を変更する場合はcenterOffsetプロパティーに基準点となるイメージ内での座標を設定します。
ViewController.m
// Annotation追加イベント
- (YMKAnnotationView*)mapView:(YMKMapView *)mapView
            viewForAnnotation:(MyAnnotation*)annotation{
    //追加されたAnnotationがMyAnnotationか確認
    if( [annotation isKindOfClass:[MyAnnotation class]] ){
        // YMKPinAnnotationViewを作成
        YMKPinAnnotationView *pin = [[YMKPinAnnotationView alloc] initWithAnnotation: annotation
                                                                     reuseIdentifier: @"Pin"];

        // アイコンイメージの変更
        pin.image=[UIImage imageNamed:@"sample.png"];

        // アイコンのイメージのどこを基準点にするか設定
        CGPoint centerOffset = CGPointMake(15.0f, 15.0f);

        [pin setCenterOffset:centerOffset];

        return pin;
    }

    return nil;
}

アイコンイメージの変更例:
アイコンイメージの変更例