在MKMapSnapshotter上绘制MKCircleRenderer

时间:2015-05-26 20:15:24

标签: ios objective-c iphone core-graphics

我正在尝试在MKCircleRenderer中绘制MKMapSnapshotter

所以我需要的是: enter image description here

所以我有: enter image description here

我的代码:

+ (void)renderMapRegion:(MKCoordinateRegion)region
               withSize:(CGSize)size
             annotation:(MKAnnotationView *)annotation
         circleRenderer:(MKCircleRenderer *)circleRenderer
             completion:(CMMapViewRendererCallback)block
{
    MKMapSnapshotOptions *options = [MKMapSnapshotOptions new];
    options.region = region;
    options.scale = [UIScreen mainScreen].scale;
    options.size = size;

    MKMapSnapshotter *snapshotter = [[MKMapSnapshotter alloc] initWithOptions:options];

    [snapshotter startWithQueue:dispatch_get_global_queue(DISPATCH_QUEUE_PRIORITY_DEFAULT, 0)
              completionHandler:^(MKMapSnapshot *snapshot, NSError *error) {

                  if (error) {
                      block(nil, error);
                      return;
                  }

                  UIImage *image = snapshot.image;

                  UIGraphicsBeginImageContextWithOptions(image.size, YES, image.scale);
                  {
                      [image drawAtPoint:CGPointMake(0.0f, 0.0f)];
                      CGContextRef c = UIGraphicsGetCurrentContext();

                      if (circleRenderer.path) {
                          [circleRenderer applyFillPropertiesToContext:c atZoomScale:[UIScreen mainScreen].scale];
                          CGContextAddPath(c, circleRenderer.path);
                          CGContextFillPath(c);
                      }

                      CGRect rect = CGRectMake(0.0f, 0.0f, image.size.width, image.size.height);
                      CGPoint point = [snapshot pointForCoordinate:annotation.annotation.coordinate];
                      if (CGRectContainsPoint(rect, point)) {
                          point.x = point.x + annotation.centerOffset.x - (annotation.bounds.size.width / 2.0f);
                          point.y = point.y + annotation.centerOffset.y - (annotation.bounds.size.height / 2.0f);
                          [annotation.image drawAtPoint:point];
                      }

                      UIImage *compositeImage = UIGraphicsGetImageFromCurrentImageContext();
                      block(compositeImage,nil);
                  }

                  UIGraphicsEndImageContext();

              }];
}

我的注释是正确的,但MKCircleRenderer绘制的坐标错误。

更新1

经过一些尝试。我只讨论一个问题:正确的半径大小。我的圆圈半径为15米。但是当我在地图上打印时有119(我不知道该单位)

private func renderMap(#placemark: CLPlacemark?, annotationView: MKAnnotationView) {
        self.tempPlaceMark = placemark
        let region = MKCoordinateRegionMakeWithDistance(annotationView.annotation.coordinate, 5000, 5000)
        let circle = MKCircle(centerCoordinate: annotationView.annotation.coordinate, radius: radius!)
        var render = MKCircleRenderer(circle: circle)
        render.fillColor = Color.YellowColor

        CMMapViewRenderer.renderMapRegion(region, withSize: self.mapView.frame.size, annotation: annotationView, circleRenderer: render) { (image: UIImage!, error: NSError!) -> Void in
            dispatch_async(dispatch_get_main_queue()) {
                if error == nil {
                    self.tempCoordinate = annotationView.annotation.coordinate
                    self.tempSnapshotImage = image
                }
                self.dismissProgress()
            }
        }
    }

enter image description here

基于此解决方案:https://stackoverflow.com/a/8288467/846780

CGPoint circlePoint = [snapshot pointForCoordinate:annotation.annotation.coordinate];
CGRect boundingRect = [circleRenderer rectForMapRect:circleRenderer.circle.boundingMapRect];
CGFloat radius = boundingRect.size.width / 2;
CGContextSetStrokeColorWithColor(c, circleRenderer.fillColor.CGColor);
CGContextSetFillColorWithColor(c, circleRenderer.fillColor.CGColor);
CGContextSetLineWidth(c, 1);
CGContextSetShouldAntialias(c, YES);
CGContextAddArc(c, circlePoint.x, circlePoint.y, radius, 0, 2 * M_PI, true);
CGContextDrawPath(c, kCGPathFill);

1 个答案:

答案 0 :(得分:1)

另一种方法是自己绘制此MKCircle,将centerradius属性转换为视图中的坐标。这会在当前上下文中呈现圆圈(我已用于将MKCircle叠加层添加到快照图像中):

// use whatever colors you want

[[UIColor blueColor] setStroke];
[[[UIColor cyanColor] colorWithAlphaComponent:0.7] setFill];

// in my code, I'm iterating through the `overlays` objects, so I test to 
// see if it's a circle and cast appropriately

if ([overlay isKindOfClass:[MKCircle class]]) {
    CLLocationCoordinate2D coordinate = [(MKCircle *)overlay coordinate];
    CGPoint center = [snapshot pointForCoordinate:coordinate];
    CLLocationDistance radiusInMeters = [(MKCircle *)overlay radius];
    MKCoordinateRegion region = MKCoordinateRegionMakeWithDistance(coordinate, radiusInMeters, 0);
    CGRect rect = [self.mapView convertRegion:region toRectToView:self.mapView];
    CGFloat radiusInPoints = rect.size.height;

    UIBezierPath *path = [UIBezierPath bezierPathWithArcCenter:center radius:radiusInPoints startAngle:0 endAngle:M_PI * 2.0 clockwise:TRUE];

    if (CGRectIntersectsRect([path bounds], CGRectMake(0, 0, image.size.width, image.size.height))) {
        [path stroke];
        [path fill];
    }
}