Search code examples
iosios7mapkitmkoverlay

How to fill outside overlay circle in iOS 7 on map


I need the same filled space around circle on the map as in Reminders app in iOS7. I think need to use the method applyFillPropertiesToContext:atZoomScale or fillPath:inContext:.

iOS 7 Reminders


Solution

  • I solved my problem:

    - (void)drawMapRect:(MKMapRect)mapRect zoomScale:(MKZoomScale)zoomScale inContext:(CGContextRef)context
    {
        // Fill full map rect with some color.
        CGRect rect = [self rectForMapRect:mapRect];
        CGContextSaveGState(context);
        CGContextAddRect(context, rect);
        CGContextSetFillColorWithColor(context, [UIColor colorWithWhite:0.0 alpha:0.4f].CGColor);
        CGContextFillRect(context, rect);
        CGContextRestoreGState(context);
    
        // Clip rounded hole.
        CGContextSaveGState(context);
        CGContextSetFillColorWithColor(context, [UIColor whiteColor].CGColor);
        CGContextSetBlendMode(context, kCGBlendModeClear);
        CGContextFillEllipseInRect(context, [self rectForMapRect:[self.overlay boundingMapRect]]);
        CGContextRestoreGState(context);
    
        // Draw circle
        [super drawMapRect:mapRect zoomScale:zoomScale inContext:context];
    }