在SwiftUI/MapKit中如何正确显示自定义大头针？

自定义MapKit大头针对齐问题解决方案 #

你遇到的对齐问题核心是 MKAnnotationView 默认将自身中心点与地图坐标点绑定，而自定义大头针通常需要用针尖位置对准坐标点，不需要调整图片绘制逻辑，直接修改视图的锚点偏移属性即可。

修正后可运行代码 #

func mapView(_ mapView: MKMapView, viewFor annotation: MKAnnotation) -> MKAnnotationView? {
    // 新增视图复用逻辑，避免滑动地图时性能损耗
    let reuseIdentifier = "CustomPinAnnotation"
    var annotationView = mapView.dequeueReusableAnnotationView(withIdentifier: reuseIdentifier)
    if annotationView == nil {
        annotationView = MKAnnotationView(annotation: annotation, reuseIdentifier: reuseIdentifier)
    }
    annotationView?.annotation = annotation
    
    // 直接赋值图片，不需要额外做上下文绘制偏移
    annotationView?.image = UIImage(named: "customPin")
    annotationView?.canShowCallout = true
    
    // 核心修正：调整锚点偏移
    // 按你给出的35*40尺寸、针尖在图片底部中心的情况，将锚点从中心上移20个单位对准针尖
    annotationView?.centerOffset = CGPoint(x: 0, y: -20)
    // 若你的针尖位置不在底部中心，可自行调整x/y数值：x正方向向右偏移，y正方向向下偏移
    
    return annotationView
}

原代码问题说明 #

• 你之前在UIGraphics上下文中偏移图片绘制位置的操作，只会导致图片被裁切、显示不全，无法修改标注视图和地图坐标的绑定锚点
• centerOffset 是MapKit框架专门提供的标注视图锚点调整属性，不需要修改图片本身的绘制逻辑即可实现对齐
• 移除了你原有多余的图形上下文绘制代码，大幅降低性能开销

内容的提问来源于stack exchange，提问作者Daniel DE