2

我有要求我必须在 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。

4

2 回答 2

2

您的问题是关于增加半径,但在这个论坛中,“半径”通常被解释为以点/像素为单位测量的圆的半径。

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

有两种方法可以解决如何绘制一个表示地图投影的固定大小的圆圈的问题(但由于某种原因,您不想要地图)。

  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];
      }
      
    • 编写一个例程将 a 转换为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];
      

    这产生了一个看起来像这样的视图:

    手动的

  2. 在我看来,更容易的是重新评估您不使用地图视图的决定。

    • 您可以添加地图视图(请参阅Location Awareness Programming Guide

    • 使用您CAShapeLayer创建的,而不是添加为子图层,您可以将地图剪辑到该圆形CAShapeLayer

      [self.mapView.layer setMask:circleShapeLayer];
      

    而且,一旦你完成了向视图中添加所有注释,你会得到这样的东西:

    地图套件视图

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

于 2013-05-16T14:10:50.763 回答
0

我假设您希望您的圈子随着用户缩放而增大和减小。这样,圆圈将始终位于地图上的同一块土地上。

在这种情况下,请使用MKCircle、created with +circleWithCenterCoordinate:radius:、conform toMKMapViewDelegate并设置描边并填充mapView:viewForOverlay:

于 2013-05-16T09:08:07.750 回答