调整 MKAnnotationView 图像大小 地图何时放大和缩小？

Question

我拥有的

我在地图上有大约 150 个 MKAnnotationView。 每个 MKAnnotationView 都有一个图像来替换默认的图钉。

现在发生了什么

当地图放大时，MKAnnotationViews 会变小，缩小时则相反。

我希望发生的事情

好吧，我希望情况相反。因为当地图很小时，我希望 MKAnnotationViews 会更小，以便用户可以看到所有它们，而当他放大时，我希望它们会更大。

到目前为止我有什么代码

我知道如何获取缩放更改，并且我知道我可以获取“pMapView.region.span.latitudeDelta”作为缩放量的参考。我知道我可以更改annotationView.frame。

-(void)mapView:(MKMapView *)pMapView regionDidChangeAnimated:(BOOL)animated{
    NSLog(@"mapView.region.span.latitudeDelta = %f",pMapView.region.span.latitudeDelta);
    for (id <MKAnnotation> annotation in pMapView.annotations) {
        MKAnnotationView *annotationView  = [pMapView viewForAnnotation: annotation];
    }
}

有人可以帮我吗？ 谢谢 沙尼

Answer 1

实际上，在默认的 MKMapView 上，注释（例如图钉或图像）和标注（例如气泡）在放大或缩小时保持相同的大小。它们无法扩展。但我明白你的观点 - 相对于地图，它们似乎随着地图缩小而增大，随着地图放大而缩小。

因此，针对您的问题有两种解决方案，它们的工作方式略有不同：

1. 实现 -(void )mapView:(MKMapView *)pMapView regionDidChangeAnimated:(BOOL)animated 来自 MKMapViewDelegate 协议参考 - 您已经完成了。
2. 将 UIPinchGestureRecognizer 附加到 MKMapView 对象，然后实现该操作。

选项 #1 - mapView:regionDidChangeAnimated: 将被调用用于滚动或缩放事件 - 基本上任何时候地图区域发生变化（顾名思义）。这会导致图标大小调整的平滑度稍差，因为地图事件触发的频率较低。

我的偏好是选项 #2 - 将 UIPinchGestureRecognizer 附加到 MKMapView 对象，然后实现该操作。捏合手势事件的触发速度相当快，因此您可以平滑地调整图标大小。而且它们仅在识别的捏合事件时触发 - 因此它们不会在滚动事件期间触发。

调用的操作方法必须符合以下签名之一：

- (void)handleGesture;
- (void)handleGesture:(UIGestureRecognizer *)gestureRecognizer;

您必须小心，不要覆盖地图的默认缩放行为。请参阅这篇文章：“UIMapView：未调用 UIPinchGestureRecognizer”了解更多信息。简而言之，您必须实现shouldRecognizeSimultaneouslyWithGestureRecognizer：并返回YES。

这里讲述的是一些示例代码：

// Implement viewDidLoad to do additional setup after loading the view, typically from a nib.
- (void)viewDidLoad
{
    [super viewDidLoad];

    self.mapView.mapType = MKMapTypeStandard;   // also MKMapTypeSatellite or MKMapTypeHybrid

    // Add a pinch gesture recognizer
    UIPinchGestureRecognizer *pinchRecognizer = [[UIPinchGestureRecognizer alloc] initWithTarget:self action:@selector(handlePinchGesture:)];
    pinchRecognizer.delegate = self;
    [self.mapView addGestureRecognizer:pinchRecognizer];
    [pinchRecognizer release];
}

#pragma mark -
#pragma mark UIPinchGestureRecognizer

- (void)handlePinchGesture:(UIPinchGestureRecognizer *)pinchRecognizer {
    if (pinchRecognizer.state != UIGestureRecognizerStateChanged) {
        return;
    }

    MKMapView *aMapView = (MKMapView *)pinchRecognizer.view;

    for (id <MKAnnotation>annotation in aMapView.annotations) {
        // if it's the user location, just return nil.
        if ([annotation isKindOfClass:[MKUserLocation class]])
            return;

        // handle our custom annotations
        //
        if ([annotation isKindOfClass:[MKPointAnnotation class]])
        {
            // try to retrieve an existing pin view first
            MKAnnotationView *pinView = [aMapView viewForAnnotation:annotation];
            //Format the pin view
            [self formatAnnotationView:pinView forMapView:aMapView];
        }
    }    
}

- (BOOL)gestureRecognizer:(UIGestureRecognizer *)gestureRecognizer shouldRecognizeSimultaneouslyWithGestureRecognizer:(UIGestureRecognizer *)otherGestureRecognizer {
    return YES;
}

因此，此时 - 您再次有几个选项来调整注释的大小。以下两个代码示例均依赖于 Troy Brant 的用于获取 MKMapView 缩放级别的代码。

1. 使用变换调整注释图像和标注的大小。就我个人而言，我认为转换会带来更清晰的调整大小效果。但在大多数情况下，不需要调整标注的大小。
2. 仅调整注释图像的大小 - 我使用 Trevor Harmon 的《以正确方式调整 UIImage 大小》，但我的观点是，调整大小看起来并不那么干净。

这是更多示例代码：

- (void)formatAnnotationView:(MKAnnotationView *)pinView forMapView:(MKMapView *)aMapView {
    if (pinView)
    {
        double zoomLevel = [aMapView zoomLevel];
        double scale = -1 * sqrt((double)(1 - pow((zoomLevel/20.0), 2.0))) + 1.1; // This is a circular scale function where at zoom level 0 scale is 0.1 and at zoom level 20 scale is 1.1

        // Option #1
        pinView.transform = CGAffineTransformMakeScale(scale, scale);

        // Option #2
        UIImage *pinImage = [UIImage imageNamed:@"YOUR_IMAGE_NAME_HERE"];
        pinView.image = [pinImage resizedImage:CGSizeMake(pinImage.size.width * scale, pinImage.size.height * scale) interpolationQuality:kCGInterpolationHigh];
    }
}

如果这有效，请不要忘记将其标记为答案。

Answer 2

@Funktional 在 Swift 3 中的回答：

class MapViewController: UIViewController: UIGestureRecognizerDelegate {

    @IBOutlet weak var mapView: MKMapView!

    override func viewDidLoad() {
        super.viewDidLoad()

        // You can also add this gesture recognizer and set the delegate via storyboard
        let pinchGR = UIPinchGestureRecognizer(target: self, action: #selector(handlePinchGesture))
        pinchGR.delegate = self
        self.mapView.addGestureRecognizer(pinchGR)
    }

    // link as @IBAction when added via storyboard
    func handlePinchGesture(_ sender: UIPinchGestureRecognizer) {
        if sender.state == .ended {
            for annotation in mapView.annotations {
                if annotation is MKUserLocation {
                    continue
                }
                guard let annotationView = self.mapView.view(for: annotation) else { continue }
                let scale = -1 * sqrt(1 - pow(mapView.zoomLevel / 20, 2.0)) + 1.4
                annotationView.transform = CGAffineTransform(scaleX: CGFloat(scale), y: CGFloat(scale))
            }
        }
    }

    func gestureRecognizer(_ gestureRecognizer: UIGestureRecognizer, shouldRecognizeSimultaneouslyWith otherGestureRecognizer: UIGestureRecognizer) -> Bool {
        return true
    }
}

extension MKMapView {
    var zoomLevel: Double {
        return log2(360 * ((Double(self.frame.size.width) / 256) / self.region.span.longitudeDelta)) - 1
    }
}

Answer 3

抱歉我的英语不好...但我只是想帮助别人。

非常感谢你，Funktional。你的回答很好...它在 iOS5 上完美运行！但这个在iOS6上失效了，目前似乎还没有办法解决这个问题。

但最后，我用一种愚蠢/静态的方式解决了这个问题，并且它在两个 iOS 上都工作得很好。我不打算解释太多。这就是我在我的项目中所做的。

1. mkannotation 的图像名为 pin.png（大小为 20x20）

2. 我创建了另外 5 个不同大小的图像对于不同的缩放级别（18x18、16x16、14x14、12x12、10x10），它们被命名为 pin-5.png， pin-4.png、pin-3.png、pin-2.png、pin-1.png。

3. 我删除了 formatAnnotationView 中有关计算比例的所有代码，并添加了这一行

   NSString* 图像名称 = 
       [NSString stringWithFormat:@"%@%@.png", 
       [图像名称 substringToIndex:[图像名称长度]-4 ], 
       [自我获取图像级别]];
   

4. 此外，将其更改为

   UIImage *pinImage = [UIImage imageNamed:@"YOUR_IMAGE_NAME_HERE"];

   至

   UIImage *pinImage = [[UIImage alloc] initWithContentsOfFile:imageName];

5. 添加此功能

   -(NSString *)getImageLevel{
   
   NSString* 输出；
   
   双zoomLevel = [self getZoomLevel:_mapview];
   
   
   if(缩放级别>= 19.0)
       输出=@"";
   否则 if(zoomLevel < 19.0 && ZoomLevel >= 18.0)
       输出=@“-5”；
   否则 if(zoomLevel < 18.0 && ZoomLevel >= 17.0)
       输出=@“-4”；
   否则 if(zoomLevel < 17.0 && ZoomLevel >= 16.0)
       输出=@“-3”；
   else if(zoomLevel < 16.0 && ZoomLevel >= 15.0)
       输出=@“-2”；
   别的 
       输出=@“-1”；
   
   返回输出；}
   

再次对错误的编码和英语感到抱歉。

Answer 4

另一种方法是重新调整注释视图图像属性的大小。 本文中显示了一个示例

Answer 5

在 Swift 3 中，这对我有用。我的图像在第 19 级上为 100%，因此 1/19 给我 0.5263158，这是我的线性比例：

func mapView(_ mapView: MKMapView, viewFor annotation: MKAnnotation) -> MKAnnotationView? {    
  if annotation is MKUserLocation {
    return nil
  }

  let mkView = MKAnnotationView(annotation: annotation, reuseIdentifier: "mkView")
  mkView.image = UIImage(named: "Foo")
  formatAnnotation(pinView: mkView, forMapView: mapView)
  return mkView;
}

func formatAnnotation(pinView: MKAnnotationView, forMapView: MKMapView) {
  let zoomLevel = forMapView.getZoomLevel()
  let scale = 0.05263158 * zoomLevel //Modify to whatever scale you need.
  pinView.transform = CGAffineTransform(scaleX: CGFloat(scale), y: CGFloat(scale))
}

Answer 6

我不会使用 GestureRecognizer，因为缩放也可能以编程方式发生，而且这也不允许注释在缩放时调整大小，仅在完成缩放时才允许。我将使用委托方法 mapViewDidChangeVisibleRegion(_ mapView: MKMapView) 如下所示：

 func mapViewDidChangeVisibleRegion(_ mapView: MKMapView) {
        for annotation in mkMapView!.annotations {
            guard let annotationView = self.mkMapView!.view(for: annotation) else { continue }
            let scale = -1 * sqrt(1 - pow(mkMapView!.zoomLevel / 19, 2.0)) + 1.4
            annotationView.transform = CGAffineTransform(scaleX: CGFloat(scale), y: CGFloat(scale))
        }
    }

您还需要此扩展：

extension MKMapView {
    var zoomLevel: Double {
        return log2(360 * ((Double(self.frame.size.width) / 256) / self.region.span.longitudeDelta)) - 1
    }
}