How to draw UIBezierPath overlay on MKMapView?

Question

I try to subclass from MKOverlayPathRenderer and implement -createPath

- (void)createPath
{
    MKPolyline *line = (id)self.overlay;

    MKMapPoint *points = line.points;
    NSUInteger pointCount = line.pointCount;

    CGMutablePathRef path = CGPathCreateMutable();
    CGPathMoveToPoint(path, NULL, points[0].x, points[0].y);

    for (int i = 1; i < pointCount; i++) {
        CGPathAddLineToPoint(path, NULL, points[i].x, points[i].y);
    }
    [self setPath:path];
}

I create overlay here:

CLLocationCoordinate2D coordinates[events.count];
for (int i; i < events.count; i++) {
    coordinates[i] = [events[i] coordinate];
}

MKPolyline *line = [MKPolyline polylineWithCoordinates:coordinates count:events.count];
[mapView addOverlay:line];

And then create renderer here:

- (MKOverlayRenderer *)mapView:(MKMapView *)mapView rendererForOverlay:(MKPolyline *)overlay
{
    MKBezierPathRenderer *r = [[MKBezierPathRenderer alloc] initWithOverlay:overlay];
    r.lineWidth = 8.f;
    r.strokeColor = [UIColor redColor];
    r.fillColor = [UIColor redColor];

    return r;
}

But I can't see any lines on map. What should I do? Thanx.

P.S. CGPathAddLineToPoint is for tests now, in production I need curves.

Answer 1

According to Anna's answer you should use [self pointForMapPoint:points[i]] instead of points[i]

- (void)createPath
{
    MKPolyline *line = (id)self.overlay;

    MKMapPoint *points = line.points;
    NSUInteger pointCount = line.pointCount;

    CGMutablePathRef path = CGPathCreateMutable();
    CGPoint point = [self pointForMapPoint:points[0]];
    CGPathMoveToPoint(path, NULL, point.x, point.y);

    for (int i = 1; i < pointCount; i++) {
        point = [self pointForMapPoint:points[i]];
        CGPathAddLineToPoint(path, NULL, point.x, point.y);
    }
    [self setPath:path];
}