Revision history [back]

To enable the user to change the size of an MKCircle element in a MKMapView by using a gesture recognizer on the MKCircle, follow these steps:

1. Add the MKCircle overlay to the MKMapView.
2. Create a UIPinchGestureRecognizer and add it to the MKMapView.
3. In the pinchGestureRecognized method of the gesture recognizer, get the MKCircle overlay that was touched using the MKMapView's overlays property and the locationInView method of the gesture recognizer.
4. Update the MKCircle overlay's radius based on the scale property of the gesture recognizer.
5. Redraw the MKCircle overlay on the MKMapView using the setNeedsDisplay method of the MKMapView.

Here's some sample code that demonstrates how to do this:

class ViewController: UIViewController, MKMapViewDelegate {

    var mapView: MKMapView!
    var circleOverlay: MKCircle!

    override func viewDidLoad() {
        super.viewDidLoad()

        // Initialize the MKMapView
        mapView = MKMapView(frame: view.bounds)
        mapView.delegate = self
        view.addSubview(mapView)

        // Add an MKCircle overlay to the map
        let center = CLLocationCoordinate2D(latitude: 37.7749, longitude: -122.4194)
        let radius = 2000.0 // meters
        circleOverlay = MKCircle(center: center, radius: radius)
        mapView.add(circleOverlay)

        // Add a UIPinchGestureRecognizer to the map
        let pinchGestureRecognizer = UIPinchGestureRecognizer(target: self, action: #selector(pinchGestureRecognized(_:)))
        mapView.addGestureRecognizer(pinchGestureRecognizer)
    }

    @objc func pinchGestureRecognized(_ gestureRecognizer: UIPinchGestureRecognizer) {
        switch gestureRecognizer.state {
        case .changed:
            // Get the MKCircle overlay that was touched
            let touchLocation = gestureRecognizer.location(in: mapView)
            if let overlay = mapView.overlays.first(where: { overlay in
                if let circleOverlay = overlay as? MKCircle,
                    let renderer = mapView.renderer(for: circleOverlay) as? MKCircleRenderer {
                    let circleCenter = mapView.convert(circleOverlay.coordinate, toPointTo: mapView)
                    let centerToTouch = CGVector(dx: touchLocation.x - circleCenter.x, dy: touchLocation.y - circleCenter.y)
                    let distanceToTouch = centerToTouch.length()
                    return distanceToTouch <= renderer.lineWidth + 10 // Add 10pt error margin
                }
                return false
            }) as? MKCircle,
               let renderer = mapView.renderer(for: overlay) as? MKCircleRenderer {

                // Update the MKCircle radius based on the pinch gesture
                let scale = Double(gestureRecognizer.scale)
                let oldRadius = overlay.radius
                let newRadius = max(100.0, oldRadius * scale)
                overlay.radius = newRadius

                // Redraw the MKCircle overlay
                renderer.setNeedsDisplay()
            }
        default:
            break
        }
    }
}

In this example, the pinchGestureRecognized method checks which MKCircle overlay was touched by the gesture recognizer based on the distance between the touch location and the center of each MKCircle overlay. Then, it updates the radius of the MKCircle overlay based on the scale property of the gesture recognizer, making sure not to set the radius lower than 100 meters. Finally, it redraws the MKCircle overlay on the MKMapView.