如何自定義MKPolyLineView以繪製不同的樣式線

Question

我想自定義在MKMapView上繪製的線條以顯示路線，以便線條具有邊框顏色和填充顏色。與此相似的地方有一個黑色的邊框和充滿另一種顏色：

我目前剛剛返回MKPolyLineView從mapView:viewForOverlay:工作正常進行簡單的線條對象。文檔說MKPolyLineView不被子類化，所以我應該繼承MKOverlayView並實現我自己的drawMapRect？或者我應該繼承MKOverlayPathView？或者創建一個MKPolylineView的替代品？

編輯 - 我問的是：在哪裏放置自己的Quartz繪圖代碼以繪製自己的註釋/覆蓋圖？目前我已經創建了一個MKOverlayView的子類並實現了我自己的drawMapRect：zoomScale：inContext：這樣繪製覆蓋圖非常容易，但這是最好的解決方案嗎？

Answer 1

您可以通過實現您自己的MKOverlayPathView子類來完成此操作，該子類在地圖矩形中繪製兩次路徑。一旦黑色變厚，另一種顏色再變薄一次。

我已經創建了一個簡單的MKPolylineView的替代方案，它可以讓你這麼做：ASPolylineView。

如果你想自己做，你需要實現兩種主要方法看起來是這樣的：

- (void)drawMapRect:(MKMapRect)mapRect 
      zoomScale:(MKZoomScale)zoomScale 
      inContext:(CGContextRef)context 
{ 
    UIColor *darker = [UIColor blackColor]; 
    CGFloat baseWidth = self.lineWidth/zoomScale; 

    // draw the dark colour thicker 
    CGContextAddPath(context, self.path); 
    CGContextSetStrokeColorWithColor(context, darker.CGColor); 
    CGContextSetLineWidth(context, baseWidth * 1.5); 
    CGContextSetLineCap(context, self.lineCap); 
    CGContextStrokePath(context); 

    // now draw the stroke color with the regular width 
    CGContextAddPath(context, self.path); 
    CGContextSetStrokeColorWithColor(context, self.strokeColor.CGColor); 
    CGContextSetLineWidth(context, baseWidth); 
    CGContextSetLineCap(context, self.lineCap); 
    CGContextStrokePath(context); 

    [super drawMapRect:mapRect zoomScale:zoomScale inContext:context]; 
} 

- (void)createPath 
{ 
    // turn the polyline into a path 

    CGMutablePathRef path = CGPathCreateMutable(); 
    BOOL pathIsEmpty = YES; 

    for (int i = 0; i < self.polyline.pointCount; i++) { 
     CGPoint point = [self pointForMapPoint:self.polyline.points[i]]; 

     if (pathIsEmpty) { 
      CGPathMoveToPoint(path, nil, point.x, point.y); 
      pathIsEmpty = NO; 
     } else { 
      CGPathAddLineToPoint(path, nil, point.x, point.y); 
     } 
    } 

    self.path = path; 
} 

Answer 2

我知道這可能不符合您想要的純粹方法，但爲什麼不使用MKPolygon而不是MKPolyLine？
創建MKPolygon實例代表了一種走廊的路線四周，然後，當你創建一個對應於您所創建的MKPolygon /走廊MKPolygonView，設置MKPolygonView的屬性，以獲得不同填充顏​​色和筆觸顏色

myPolygonView.lineWidth=3; 
    myPolygonView.fillColor=[UIColor blueColor]; 
    myPolygonView.strokeColor=[UIColor darkGrayColor]; 

我沒有嘗試它自己，但這應該工作。唯一的缺點是，當你放大/縮小時，'路線'的'寬度'將改變....：/

Answer 3

您可以添加兩個具有相同座標但厚度不同的MKPolyLineView對象。

添加一個lineWidth爲10（或任何）與strokeColor設置爲黑色。

然後添加另一個lineWidth爲6的strokeColor設置爲其他所需的顏色。

對於兩個MKPolyLineView對象，可以使用相同的MKPolyLine。

Answer 4

MKPolylineView只能用於撫摸指定的路徑。您可以使用MKOverlayPathView中的一些屬性來改變它們的外觀，但僅適用其中的一些屬性，例如， fillColor,strokeColor。

如果你想繪製更復雜的東西，你可以使用MKOverlayPathView。它更通用，因此不僅適用於撫摸路徑。爲了繪製簡單的線條，結果將與MKPolylineView相同（至少根據文檔）。

如果你想做更復雜的繪圖，子類MKOverlayPathView。你試圖做的是不平凡的。

Answer 5

我用一個保存了覆蓋一個名稱的子類NamedOverlay：

NamedOverlay.h

#import <Foundation/Foundation.h> 
#import <MapKit/MapKit.h> 

@interface NamedOverlay : NSObject <MKOverlay> 

@property (strong, readonly, nonatomic) NSString *name; 
@property (strong, readonly, nonatomic) id<MKOverlay> overlay; 

-(id)initWithOverlay:(id<MKOverlay>)overlay andName:(NSString *)name; 

@end 

NamedOverlay.m

#import "NamedOverlay.h" 

@implementation NamedOverlay 

- (id)initWithOverlay:(id<MKOverlay>)overlay andName:(NSString *)name 
{ 
    _name = name; 
    _overlay = overlay; 
    return self; 
} 

- (MKMapRect)boundingMapRect 
{ 
    return [_overlay boundingMapRect]; 
} 

- (CLLocationCoordinate2D)coordinate 
{ 
    return [_overlay coordinate]; 
} 

-(BOOL)intersectsMapRect:(MKMapRect)mapRect 
{ 
    return [_overlay intersectsMapRect:mapRect]; 
} 

@end 

，並在地圖控制器我實例化兩個貼有不同的名稱，然後在MKMapViewDelegate我可以確定我想提請其覆蓋，並完成類似：

- (MKOverlayView *)mapView:(MKMapView *)mapView viewForOverlay:(id <MKOverlay>)overlay 
{ 
    NamedOverlay *namedOverlay = (NamedOverlay *) overlay; 
    MKPolyline *polyline = namedOverlay.overlay; 
    if ([namedOverlay.name isEqualToString:@"top"]) { 
     MKPolylineView *view1 = [[MKPolylineView alloc] initWithOverlay:polyline]; 
     view1.strokeColor = [UIColor whiteColor]; 
     view1.lineWidth = 25.0; 
     return view1; 
    } else { 
     MKPolylineView *view1 = [[MKPolylineView alloc] initWithOverlay:polyline]; 
     view1.strokeColor = [UIColor blueColor]; 
     view1.lineWidth = 15.0; 
     return view1; 
    } 
}