绘制千米半径围绕用户位置的圆圈中的MKMapView

Question

（使用的是iOS 5和Xcode的4.2）

我有一个的MKMapView并希望周围绘制用户位置千米半径的圆。

从表面看来，实现mapView:viewForAnnotation:地图视图委托方法，并为用户位置添加自定义MKAnnotationView将是一个完美的解决方案。它看起来像这样：

- (MKAnnotationView *)mapView:(MKMapView *)mapView 
      viewForAnnotation:(id <MKAnnotation>)annotation 
{ 
    // If it's the user location, return my custom MKAnnotationView. 
    if ([annotation isKindOfClass:[MKUserLocation class]]) { 
     return myCustomAnnotationView; 
    } else { 
     return nil; 
    } 
} 

但是，当您放大和缩小地图时，地图上的注释不会缩放。

所以我尝试添加一个覆盖图（因为覆盖图随地图缩放），使用MKCircle类并将其坐标设置为我的locationManger/map视图委托中的最新坐标。然而，由于MKCircle的coordinate property是只读的，我不得不移除叠加层，然后在用户每次移动时添加一个新叠加层。碰巧引起明显的闪烁。

有没有什么方法可以在地图视图缩放时无缝制作注记比例？或者，有没有一种方法可以使覆盖层随用户位置的变化而无缝移动？

我会是你的帮助:)

Answer 1

尝试使用代码Apple Breadcrumb example

Answer 2

尝试自定义背景画面非常感谢。在viewDidLoad中添加此：

MKCircle *circle = [MKCircle circleWithCenterCoordinate:userLocation.coordinate radius:1000]; 
[map addOverlay:circle]; 

用户位置可以通过存储MKUserLocationAnnotation作为属性来获得。然后，要真正画圆，把它放在地图视图的代表中：

- (MKOverlayRenderer *)mapView:(MKMapView *)map viewForOverlay:(id <MKOverlay>)overlay 
{ 
    MKCircleRenderer *circleView = [[MKCircleRenderer alloc] initWithOverlay:overlay]; 
    circleView.strokeColor = [UIColor redColor]; 
    circleView.fillColor = [[UIColor redColor] colorWithAlphaComponent:0.4]; 
    return circleView; 
} 

Answer 3

使用Swift的iOS 8.0的更新版本。

import Foundation 
import MapKit 

class MapViewController: UIViewController, CLLocationManagerDelegate, MKMapViewDelegate{ 
    var locationManager: CLLocationManager = CLLocationManager() 

    @IBOutlet var mapView: MKMapView! 

    override func viewDidLoad() { 
     super.viewDidLoad() 

     // We use a predefined location 
     var location = CLLocation(latitude: 46.7667 as CLLocationDegrees, longitude: 23.58 as CLLocationDegrees) 

     addRadiusCircle(location) 
    } 

    func addRadiusCircle(location: CLLocation){ 
     self.mapView.delegate = self 
     var circle = MKCircle(centerCoordinate: location.coordinate, radius: 10000 as CLLocationDistance) 
     self.mapView.addOverlay(circle) 
    } 

    func mapView(mapView: MKMapView!, rendererForOverlay overlay: MKOverlay!) -> MKOverlayRenderer! { 
     if overlay is MKCircle { 
      var circle = MKCircleRenderer(overlay: overlay) 
      circle.strokeColor = UIColor.redColor() 
      circle.fillColor = UIColor(red: 255, green: 0, blue: 0, alpha: 0.1) 
      circle.lineWidth = 1 
      return circle 
     } else { 
      return nil 
     } 
    } 
} 

Answer 4

我不明白benwad的答案。 So here is clearer answer：

添加一个圆很容易。顺应MKMapViewDelegate

@interface MyViewController : UIViewController <MKMapViewDelegate> 
@property (weak, nonatomic) IBOutlet MKMapView *mapView; 
@end 

在viewDidLoad中，创建一个圆圈标注，并将其添加到地图：

CLLocationCoordinate2D center = {39.0, -74.00}; 

// Add an overlay 
MKCircle *circle = [MKCircle circleWithCenterCoordinate:center radius:150000]; 
[self.mapView addOverlay:circle]; 

然后实现的MapView：viewForOverlay：返回视图。

- (MKOverlayView *)mapView:(MKMapView *)mapView viewForOverlay:(id<MKOverlay>)overlay 
{ 
    MKCircleView *circleView = [[MKCircleView alloc] initWithOverlay:overlay]; 
    [circleView setFillColor:[UIColor redColor]]; 
    [circleView setStrokeColor:[UIColor blackColor]]; 
    [circleView setAlpha:0.5f]; 
    return circleView; 
} 

但是如果你想圆始终是相同的大小，无论缩放级别，你必须做不同的事情。就像你说的，在regionDidChange：animated :,获取latitudeDelta，然后创建一个新的圆（半径符合宽度），删除旧的并添加新的圆。

请注意：不要忘记将视图连接与视图控制器委托。否则，viewForOverlay将不会被调用。

Answer 5

很容易添加一个圆圈。符合MKMapViewDelegate。 按下面的步骤,,,

第1步：

CLLocationCoordinate2D center= {self.locationManager.location.coordinate.latitude, self.locationManager.location.coordinate.longitude}; 
// Add an overlay 
MKCircle *circle= [MKCircle circleWithCenterCoordinate:center radius: 20000];//your distance like 20000(like meters) 
[myMapView addOverlay:circle]; 

第2步：

- (MKOverlayView *)mapView:(MKMapView *)mapView viewForOverlay:(id<MKOverlay>)overlay 
{ 
    MKCircleView *C_View = [[MKCircleView alloc] initWithOverlay:overlay]; 
    [C_View setFillColor:[UIColor lightGrayColor]]; 
    [C_View setStrokeColor:[UIColor blackColor]]; 
    [C_View setAlpha:0.5f]; 

    return C_View; 
} 

Answer 6

- (MKOverlayView *)mapView:(MKMapView *)mapView viewForOverlay:(id<MKOverlay>)overlay 

并且，由于过时的iOS 4.0

Answer 7

使用MKCircleRenderer，你可以能够添加如下。

的覆盖

声明类级的变量和它的渲染：

MKCircle circleOverlay; 
MKCircleRenderer circleRenderer; 

实施MKMapView.OverlayRenderer提供覆盖渲染器：

mapView.OverlayRenderer = (m, o) => { 
    if(circleRenderer == null) { 
     circleRenderer = new MKCircleRenderer(o as MKCircle); 
     circleRenderer.FillColor = UIColor.Green; 
     circleRenderer.Alpha = 0.5f; 
    } 
    return circleRenderer; 
}; 

创建一个叠加，在这种情况下，定位在圆附近的用户位置（经度，纬度），并将其添加到地图中：

var coords = new CLLocationCoordinate2D(39.11, 30.13); //user location 
circleOverlay = MKCircle.Circle (coords, 1000); 
mapView.AddOverlay (circleOverlay); 

Answer 8

斯威夫特3/8的Xcode在这里：

func addRadiusCircle(location: CLLocation){ 
    if let poll = self.selectedPoll { 
     self.mapView.delegate = self 
     let circle = MKCircle(center: location.coordinate, radius: 10) 
     self.mapView.add(circle) 
    } 
} 

func mapView(_ mapView: MKMapView, rendererFor overlay: MKOverlay) -> MKOverlayRenderer { 
    if overlay is MKCircle { 
     let circle = MKCircleRenderer(overlay: overlay) 
     circle.strokeColor = UIColor.red 
     circle.fillColor = UIColor(red: 255, green: 0, blue: 0, alpha: 0.1) 
     circle.lineWidth = 1 
     return circle 
    } else { 
     return MKPolylineRenderer() 
    } 
} 

然后调用，像这样：

self.addRadiusCircle(location: CLLocation(latitude: YOUR_LAT_HERE, longitude: YOUR_LNG_HERE))