iOS - 添加和删除 MKCircle 覆盖到 MapView 导致故障

Question

我有一个 MapView，用户可以选择一个半径来显示一个区域。我添加一个 MKCircle 作为覆盖。当半径从 30 英里变为 1 英里时，当 MapView 放大时，MKCircle 的周边会出现明显的故障。故障看起来有点像天赋。只有在放大而不是缩小时才会发生。\

由于缩放不断变化，我在添加另一个覆盖之前删除了旧的覆盖，但我认为这不是问题。

当 MapView 的缩放发生变化时，如何消除圆圈上的故障？

@IBAction func newRadiusButtonTapped(sender: UIButton) {

    // coordinate is the users location and span was 10 miles now it's 1 mile
    let region = MKCoordinateRegionMake(location.coordinate, span)
    mapView.setRegion(region, animated: true)

    let circle = MKCircle(center: location.coordinate, radius: radius)

     // remove old overlay before adding another one
     for overlay in mapView.overlays {
         mapView.remove(overlay)
     }

     view.layoutIfNeeded()
     // mapView.layoutIfNeeded() I tried this but it didn't make a difference
     mapView.add(circle)
}

Answer 1

我找不到导致故障的原因，但我在 mapView 上找到了这个委托方法 from this answer，它在 mapView 区域完成更改后得到通知。我在那里添加叠加层

func mapView(_ mapView: MKMapView, regionDidChangeAnimated animated: Bool) { 
}

简单的过程：

我创建了一个 MKCircle? 类型的 circle 属性 我还创建了 Bool 类型的名为 shouldAddCircle 的属性并将其设置为 true。 当按下按钮时，我使用在按钮内创建的 MKCircle 初始化 circle 属性，并将 shouldAddCircle 设置为 true。 在按钮功能中，我删除了所有 mapViews 覆盖。

在委托方法中，我现在检查 shouldAddCircle 属性是否为 true，如果是，我会检查确保 circle 属性不为 nil。如果它们匹配，那么我将初始化的圆圈添加到 mapView。将圆圈添加到 mapView 后，我必须将 shouldAddCircle 设置为 false，因为每次用户滚动地图时，regionDidChangeAnimated 都会被调用，它会继续向地图添加叠加层。

这里是下面的代码。请务必在viewDidLoad 中添加mapView.delegate = self，并在所有内容之前设置MKMapViewDelegate。

var circle: MKCircle?
var shouldAddCircle = true

@IBAction func newRadiusButtonTapped(sender: UIButton) {

    // coordinate is the users location and span was 10 miles now it's 1 mile
    let region = MKCoordinateRegionMake(location.coordinate, span)
    mapView.setRegion(region, animated: true)

    let circle = MKCircle(center: location.coordinate, radius: radius)

    // set the circle property to match the circle that was just created
    self.circle = circle

    // set this true
    shouldAddCircle = true

    // remove old overlay before adding another one
    for overlay in mapView.overlays {
        mapView.remove(overlay)
    }
}

// this function gets called repeatedly as the mapView is zoomed and/or panned
func mapView(_ mapView: MKMapView, regionDidChangeAnimated animated: Bool) {

    // make sure this is true because that means the user updated the radius
    if shouldAddCircle {

       // make sure the circle isn't ni
       if let circle = self.circle {
           // after the mapView finishes add the circle to it
           mapView.add(circle)

           // set this to false so that this doesn't called again until the user presses the button where they set it to true
           shouldAddCircle = false
       }
    }
}