チュートリアル
Yahoo! iOSマップSDKの主要機能を一通り体験していただくための開発チュートリアルを用意しました。
「利用準備」を済ませたうえでご利用ください。
ポリラインを表示する
次に、任意の始点と終点を持つ線分(ポリライン)を地図上に表示してみましょう。
YMKPolyline
を作成してYMKMapView
に追加します。
//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
を作成し戻り値として返します。
//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; }
ポリラインの表示例: