iphone - CLLocationManager 中如何在半径增大时为区域绘制固定圆

Question

我有一个要求，我必须在 CLLocationManager 中为区域绘制一个圆圈。我已经完成了此代码的要求，

CLLocationDegrees latitude = 37.33492222;
    CLLocationDegrees longitude = -122.03304215;
    CLLocationCoordinate2D centerPoint = CLLocationCoordinate2DMake(latitude, longitude);
    CLLocationDistance radius = 100.0;
    CLRegion *region = [[CLRegion alloc]initCircularRegionWithCenter:centerPoint radius:radius identifier:@"Apple"];
    [locationManager startMonitoringForRegion:region];
    CAShapeLayer *circle = [CAShapeLayer layer];
    circle.path = [UIBezierPath bezierPathWithRoundedRect:CGRectMake(0, 0, 2.0*radius, 2.0*radius) 
                                             cornerRadius:radius].CGPath;
    // Center the shape in self.view
    circle.position = CGPointMake(CGRectGetMidX(self.view.frame)-radius, 
                                  CGRectGetMidY(self.view.frame)-radius);

    // Configure the apperence of the circle
    circle.fillColor = [UIColor clearColor].CGColor;
    circle.strokeColor = [UIColor redColor].CGColor;
    circle.lineWidth = 1;
    circle.opacity = 0.5;

    // Add to parent layer
    [self.view.layer addSublayer:circle;

我已经输出为

问题是当我将半径值指定为 100 时，我得到的结果是 ScreenShot。如果我将值设为 200，那么显然圆圈会增加。

我的问题是，当给定任何值 200、300 或 400 时，我希望圆的大小相同。

Answer 1

您的问题涉及增加半径，但在本论坛中，“半径”通常被解释为以点/像素为单位测量的圆的半径。

显然，这不是您要的。现在，您已经说过您不想使用 MKMapView，但我认为在谈论您的目标时它是一种有用的语言。最重要的是，您不想更改屏幕上显示的圆的半径。您想更改将在上述圆圈中显示的 map 的“区域”(MKCoordinateSpan)的“跨度”(MKCoordinateRegion)。

有两种方法可以解决这个问题，即如何绘制代表 map 投影的固定大小的圆(但出于某种原因，您不需要 map )。

1. 手动:

   • 定义一些有用的属性:

     @property (nonatomic) MKCoordinateRegion region;
     @property (nonatomic) CGRect frame;
     

     region 定义将在您的用户界面中显示的纬度和经度范围。 frame 将是我们将在其中显示那些纬度和经度点的屏幕坐标。请注意，要在用户界面中对纬度/经度坐标进行可视化表示，您需要这两个方面，一个是定义可以表示的纬度/经度，另一个是说明将其放置在屏幕上的什么位置。

   • 因此，第一个问题是如何定义区域。在这里，我定义了中心坐标并将一个区域定义为距离该坐标 500 米:

     CLLocationCoordinate2D coordinate = CLLocationCoordinate2DMake(...);
     self.region = MKCoordinateRegionMakeWithDistance(coordinate, 500.0, 500.0);
     

     您问“如何更改显示内容的半径 [即跨度]？”您可以通过更改 region 变量来做到这一点，该变量表示纬度/经度范围将在 UI 中表示。

   • 无论如何，您现在可以将圆圈添加到屏幕上:

     - (void)addCircle
     {
         CGPoint center = CGPointMake(self.view.layer.bounds.size.width / 2.0, self.view.layer.bounds.size.height / 2.0);
         CGFloat radius = self.view.layer.bounds.size.width * 0.40;
     
         UIBezierPath *path = [UIBezierPath bezierPathWithArcCenter:center
                                                             radius:radius
                                                         startAngle:0.0
                                                           endAngle:M_PI * 2.0
                                                          clockwise:YES];
     
         self.frame = CGRectMake(center.x - radius, center.y - radius, radius * 2.0, radius * 2.0);
     
         CAShapeLayer *layer = [CAShapeLayer layer];
         layer.path = [path CGPath];
         layer.strokeColor = [[UIColor darkGrayColor] CGColor];
         layer.fillColor = [[UIColor whiteColor] CGColor];
         layer.lineWidth = 3.0;
     
         [self.view.layer addSublayer:layer];
     
         self.view.backgroundColor = [UIColor lightGrayColor];
     }
     

   • 编写一个例程，将 CLLocationCoordinate2D 转换为屏幕上的某个位置:

     - (CGPoint)determineCGPointFromCoordinate:(CLLocationCoordinate2D)coordinate
     {
         CGFloat percentX = (coordinate.longitude - self.region.center.longitude + self.region.span.longitudeDelta / 2.0) / self.region.span.longitudeDelta;
         CGFloat percentY = 1.0 - (coordinate.latitude  - self.region.center.latitude  + self.region.span.latitudeDelta  / 2.0) / self.region.span.latitudeDelta;
     
         return CGPointMake(self.frame.origin.x + percentX * self.frame.size.width,
                            self.frame.origin.y + percentY * self.frame.size.height);
     }
     

   • 然后您可以在屏幕上添加您的积分:

     CGPoint center = [self determineCGPointFromCoordinate:coordinate];
     UIImageView *imageView = [[UIImageView alloc] initWithImage:[UIImage imageNamed:@"spot.png"]];
     imageView.center = center;
     [self.view addSubview:imageView];
     

   这会产生一个看起来像这样的 View :

   

2. 在我看来，更简单的方法是重新评估您不使用 map View 的决定。

   • 您可以添加 map View (请参阅 Location Awareness Programming Guide)

   • 获取您创建的 CAShapeLayer，而不是将其添加为子层，您可以将 map 剪切到该圆形 CAShapeLayer:

     [self.mapView.layer setMask:circleShapeLayer];
     

   并且，一旦您完成了所有向 View 添加注释的操作，您将得到如下内容:

   

就我个人而言，我喜欢 map 工具包方法，因为它可以让您摆脱手动计算屏幕坐标的工作。但是如果你真的不想那里的 map 背景，你可以手动完成。