Draw MKCircleRenderer on MKMapSnapshotter

I am trying to draw a MKCircleRenderer

in MKMapSnapshotter

.

So what I need is: enter image description here

So what I have: enter image description here

My code:

+ (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();

              }];
}

      

My annotation is correct, but MKCircleRenderer

drawing at the wrong coordinate.

UPDATE 1

After some attempts. I only had one problem: the correct size of the radius. My circle has a radius value of 15m.But when I print on the card, there are 119 (I don't know about the device)

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

Based on this solution: StackOverflow question.

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);

      

+3


source to share


1 answer


Another approach is to draw this one MKCircle

yourself, transforming properties center

and radius

coordinates in the view. This displays the circle in the current context (which I used to add an overlay MKCircle

to the snapshot):



// 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 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];
    }
}

      

+1


source







All Articles