如何利用iOS 17新MapKit API从CLLocationCoordinate2D数组添加Annotation

要在MapKit中批量渲染你的MyAnnotation数组，直接用ForEach遍历数组即可——因为你的MyAnnotation已经实现了Identifiable协议，SwiftUI可以自动识别每个元素的唯一性。

修改后的核心代码 #

把你原来Map里的单个Annotation替换成以下循环结构：

Map {
    ForEach(annotations) { annotation in
        Annotation(annotation.name, coordinate: annotation.coordinate, anchor: .bottom) {
            HStack{
                Image(systemName: "flame.circle")
                    .symbolRenderingMode(.palette)
                    .foregroundStyle(annotation.color, .blue)
                    .font(.system(size: 100, weight: .thin))
                    .padding(4)
                    .background(.clear)
                Text(String(format: "%.2f", annotation.score))
            }
        }
    }
}

完整修改后的代码 #

import SwiftUI
import MapKit

struct MyAnnotation: Identifiable {
    let id = UUID()
    let name: String
    let coordinate: CLLocationCoordinate2D
    let color: Color
    let score: Double
}

struct JunkMapView: View {
    
    let annotations = [
        MyAnnotation(name: "9", coordinate: CLLocationCoordinate2D(latitude: 42.2926854029081, longitude: -71.0679634411345), color: .yellow, score: 10),
        MyAnnotation(name: "8", coordinate: CLLocationCoordinate2D(latitude: 42.4281694052464, longitude: -71.1093263739832), color: .orange, score: 7.2),
        MyAnnotation(name: "7", coordinate: CLLocationCoordinate2D(latitude: 42.3717488333676, longitude: -71.0670886507071), color: .red, score: 3.46)
    ]
    
    var body: some View {
        Text("Hello, World!")
        
        Map {
            ForEach(annotations) { annotation in
                Annotation(annotation.name, coordinate: annotation.coordinate, anchor: .bottom) {
                    HStack{
                        Image(systemName: "flame.circle")
                            .symbolRenderingMode(.palette)
                            .foregroundStyle(annotation.color, .blue)
                            .font(.system(size: 100, weight: .thin))
                            .padding(4)
                            .background(.clear)
                        Text(String(format: "%.2f", annotation.score))
                    }
                }
            }
        }
    }
}

#Preview {
    JunkMapView()
}

针对数千个注解的性能优化建议 #

如果你的注解数量达到数千级，直接遍历可能会有性能问题，可以参考以下优化点：

• iOS 17+ 推荐用法：使用Map的annotationItems初始化参数，这是Apple针对批量注解优化的API：

  Map(annotationItems: annotations) { annotation in
      Annotation(annotation.name, coordinate: annotation.coordinate, anchor: .bottom) {
          // 你的注解视图
      }
  }
  

• 区域加载：监听地图的可见区域，只渲染当前视野内的注解，避免一次性加载所有数据。
• 复用注解视图：如果使用UIKit的MKMapView（通过UIViewRepresentable包装），可以利用MKAnnotationView的复用机制，提升大量注解的渲染效率。

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