SwiftUI如何让Map动态缩放至所有POI搜索结果标注位置

核心逻辑是每次搜索结果更新时，计算所有POI坐标的最小覆盖矩形区域，再给地图绑定的区域变量赋值，还可以设置内边距防止标注被地图边缘裁剪。

• 第一步：添加扩展工具方法，实现从坐标数组生成适配区域

import MapKit

extension MKCoordinateRegion {
    /// 生成可以覆盖所有传入坐标的合适区域，支持自定义边距
    static func fitCoordinates(_ coordinates: [CLLocationCoordinate2D], edgePadding: UIEdgeInsets = UIEdgeInsets(top: 50, left: 50, bottom: 50, right: 50)) -> MKCoordinateRegion? {
        guard !coordinates.isEmpty else { return nil }
        let mapRect = MKMapRect(coordinates: coordinates)
        return MKCoordinateRegion(mapRect, edgePadding: edgePadding, animated: true)
    }
}

extension MKMapRect {
    /// 从坐标数组生成最小外接矩形
    init(coordinates: [CLLocationCoordinate2D]) {
        var rect = MKMapRect.null
        for coordinate in coordinates {
            let point = MKMapPoint(coordinate)
            rect = rect.union(MKMapRect(origin: point, size: MKMapSize(width: 0, height: 0)))
        }
        self = rect
    }
}

• 第二步：监听搜索结果变化，自动更新地图区域
  在你的视图中给searchResults添加onChange修饰符，每次搜索结果更新时重新计算适配区域：

// 你的原有变量
@State private var searchResultLocation: MKCoordinateRegion = .init()
@State private var searchResults: [YourPOIModel] = [] // 替换成你自己的POI模型，需要遵守Identifiable协议，包含coordinate属性

// 添加在视图的body修饰符中
.onChange(of: searchResults) { newResults in
    let coordinates = newResults.map { $0.coordinate }
    guard let fitRegion = MKCoordinateRegion.fitCoordinates(coordinates) else {
        // 搜索结果为空时可以回退到用户当前位置/默认区域
        return
    }
    searchResultLocation = fitRegion
}

• 第三步：原有Map代码无需大幅修改，保持绑定searchResultLocation即可

Map(coordinateRegion: $searchResultLocation, showsUserLocation: true, annotationItems: searchResults) { dest in
    MapAnnotation(coordinate: dest.coordinate, anchorPoint: CGPoint(x: 0.5, y: 0.5)) {
        MapPin(coordinate: dest.coordinate)
    }
}

如果你是适配iOS 17及以上版本，可以用更简洁的新版Map API实现，无需手动计算坐标范围：

@State private var mapPosition: MapCameraPosition = .userLocation(fallback: .automatic)

Map(position: $mapPosition) {
    ForEach(searchResults) { dest in
        Marker(dest.name, coordinate: dest.coordinate)
    }
}
.onChange(of: searchResults) { newResults in
    let coordinates = newResults.map(\.coordinate)
    guard !coordinates.isEmpty else { return }
    // 直接调用系统方法生成适配区域
    mapPosition = .region(MKCoordinateRegion(
        fitting: coordinates,
        edgePadding: .init(top: 50, left: 50, bottom: 50, right: 50)
    ))
}

小提示：如果需要保留用户手动调整的缩放层级，只在第一次拿到搜索结果时触发自动适配，可以加个标记位控制onChange的执行逻辑。

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