如何更改自定义 MKAnnotationView 的框架位置？

Question

我试图通过子类化 MKAnnotationView 并重写 drawRect 方法来创建自定义注释视图。我希望视图从注释的位置偏移绘制，有点像 MKPinAnnotationView 所做的那样，以便引脚的点位于指定的坐标，而不是引脚的中间。所以我设置框架位置和大小如下所示。然而，看起来我根本无法影响框架的位置，只能影响尺寸。图像最终以注释位置为中心绘制。关于如何实现我想要的有什么建议吗？

MyAnnotationView.h：

@interface MyAnnotationView : MKAnnotationView {

}

MyAnnotationView.m：

- (id)initWithAnnotation:(id <MKAnnotation>)annotation reuseIdentifier:(NSString *)reuseIdentifier {
    if (self = [super initWithAnnotation:annotation reuseIdentifier:reuseIdentifier]) {
        self.canShowCallout = YES;
        self.backgroundColor = [UIColor clearColor];
        // Position the frame so that the bottom of it touches the annotation position 
        self.frame = CGRectMake(0, -16, 32, 32);
    }
    return self;
}

- (void)drawRect:(CGRect)rect {
    [[UIImage imageNamed:@"blue-dot.png"] drawInRect:rect];
}

Answer 1

我尝试使用 centerOffset ，由于某种原因，图像在放大时处于正确的位置，但是当您缩小地图时，图像会远离它应该在的位置。解决这个问题的方法是设置图像框架的偏移量。这是我使用的代码（如果没有标注，您可以省略标注内容），我使用了 此处）

#pragma mark MKMapViewDelegate
- (MKAnnotationView *)mapView:(MKMapView *)aMapView viewForAnnotation:(id <MKAnnotation>)annotation
{
    if(![annotation isKindOfClass:[MyAnnotation class]]) // Don't mess user location
        return nil;

    MKAnnotationView *annotationView = [aMapView dequeueReusableAnnotationViewWithIdentifier:@"spot"];
    if(!annotationView)
    {
        annotationView = [[MKAnnotationView alloc] initWithAnnotation:annotation reuseIdentifier:@"spot"];
        annotationView.rightCalloutAccessoryView = [UIButton buttonWithType:UIButtonTypeDetailDisclosure];
        [(UIButton *)annotationView.rightCalloutAccessoryView addTarget:self action:@selector(openSpot:) forControlEvents:UIControlEventTouchUpInside];
        annotationView.enabled = YES;
        annotationView.canShowCallout = YES;
        annotationView.centerOffset = CGPointMake(7,-15);
        annotationView.calloutOffset = CGPointMake(-8,0);
    }

    // Setup annotation view
    annotationView.image = [UIImage imageNamed:@"pinYellow.png"]; // Or whatever

    return annotationView;
}

根据需要调整 centerOffset 和 calloutOffset 以适合您的图像、所需的中心点和标注点。

Answer 2

您是否尝试过使用通用 MKAnnotationView 并设置 image 和 centerOffset 属性，而不是子类 MKAnnotationView？

Answer 3

您的 UIAnnotationView 始终以相同的比例绘制，地图的缩放级别并不重要。这就是为什么 centerOffset 不与缩放级别绑定的原因。

annView.centerOffset 就是您所需要的。如果您发现图钉位置不佳（例如，更改缩放级别时底部中心稍微移动），这是因为您没有设置正确的 centerOffset。

顺便说一下，如果你想将坐标点设置在图像的底部中心，那么你的centerOffset的x坐标应该是0.0f，因为annotationView默认将图像居中。所以尝试：

annView.centerOffset = CGPointMake(0, -imageHeight / 2);

来自 [MKAnnotation 图像偏移的回答自定义图钉图像

Answer 4

感谢 BadPirate 提供的示例。

我尝试使用 UIImageview，但我认为没有必要。

我的课程看起来像这样

@interface ImageAnnotationView : MKAnnotationView {
    UIImageView *_imageView;
    id m_parent;
    BusinessMapAnnotation *m_annotation;

    NSString *stitle;
}

以及实现

- (id)initWithAnnotation:(id <MKAnnotation>)annotation reuseIdentifier:(NSString *)reuseIdentifier
{
    self = [super initWithAnnotation:annotation reuseIdentifier:reuseIdentifier];
    self.frame = CGRectMake(0, 0, kWidth, kHeight);
    self.backgroundColor = [UIColor clearColor];

    self.m_annotation = (BusinessMapAnnotation*)annotation;

    NSString* categoryTitle = m_annotation.sCTitle;

    NSString* l_titleString =  @"NearPin.png";

    if (categoryTitle!= nil ) {
        if ([categoryTitle length] > 0) {
            //NSLog(@"%@", categoryTitle);
            l_titleString = [NSString stringWithFormat:@"Map%@.png", categoryTitle];
            //NSLog(@"%@", l_titleString);
        }
    }

    self.stitle = m_annotation.sTitle;

    _imageView = [[UIImageView alloc] initWithImage:[UIImage imageNamed:([stitle isEqualToString:@"You are here"]) ? @"Pushpin_large.png":l_titleString]];
    _imageView.contentMode = UIViewContentModeCenter;

    _imageView.frame = CGRectMake(kBorder, kBorder, kWidth, kHeight);

    [self addSubview:_imageView];
    _imageView.center = ([stitle isEqualToString:@"You are here"]) ? CGPointMake(15.0, -10.0):CGPointMake(kWidth/2, 0.0);

    return self;
}