iOS 17 MapKit SwiftUI：点击POI按钮缩放显示结果与用户位置

核心思路是把用户当前位置坐标加入到区域计算的坐标集合中，让计算出的地图区域同时包含所有搜索结果和用户蓝点。以下是具体实现步骤：

1. 修改区域计算方法 #

更新你的calculateRegionToFit方法，新增参数接收用户位置坐标，并将其合并到待计算的坐标数组中：

func calculateRegionToFit(searchCoordinates: [CLLocationCoordinate2D], userCoordinate: CLLocationCoordinate2D?) -> MKCoordinateRegion? {
    var allCoordinates = searchCoordinates
    // 若用户位置存在，加入坐标集合
    if let userCoord = userCoordinate {
        allCoordinates.append(userCoord)
    }
    
    guard !allCoordinates.isEmpty else { return nil }
    
    // 遍历坐标，找出经纬度的最大/最小值
    var minLat = allCoordinates[0].latitude
    var maxLat = allCoordinates[0].latitude
    var minLon = allCoordinates[0].longitude
    var maxLon = allCoordinates[0].longitude
    
    for coord in allCoordinates {
        minLat = min(minLat, coord.latitude)
        maxLat = max(maxLat, coord.latitude)
        minLon = min(minLon, coord.longitude)
        maxLon = max(maxLon, coord.longitude)
    }
    
    // 计算区域中心
    let center = CLLocationCoordinate2D(latitude: (minLat + maxLat)/2, longitude: (minLon + maxLon)/2)
    // 增加10%边距避免内容贴边，同时处理单坐标场景的默认缩放
    let latitudeDelta = max((maxLat - minLat) * 1.1, 0.01)
    let longitudeDelta = max((maxLon - minLon) * 1.1, 0.01)
    let span = MKCoordinateSpan(latitudeDelta: latitudeDelta, longitudeDelta: longitudeDelta)
    
    return MKCoordinateRegion(center: center, span: span)
}

2. 获取用户当前位置 #

确保你的应用已申请位置权限，并获取用户坐标：

• 在Info.plist中添加NSLocationWhenInUseUsageDescription键，填写权限申请说明。
• 用CLLocationManager获取用户位置：

@State private var userCoordinate: CLLocationCoordinate2D?

private func fetchUserLocation() {
    let locationManager = CLLocationManager()
    locationManager.requestWhenInUseAuthorization()
    // 若已授权，直接获取当前位置
    if locationManager.authorizationStatus == .authorizedWhenInUse ||
       locationManager.authorizationStatus == .authorizedAlways {
        userCoordinate = locationManager.location?.coordinate
    }
}

3. 调用方法更新地图区域 #

在POI按钮点击事件中，传入搜索结果坐标和用户坐标，计算并设置地图区域：

@State private var searchResults: [MKMapItem] = [] // 已通过MKLocalSearch获取的结果
@State private var mapRegion: MKCoordinateRegion?

func onPOIButtonTap() {
    let searchCoords = searchResults.map { $0.placemark.coordinate }
    if let fitRegion = calculateRegionToFit(searchCoordinates: searchCoords, userCoordinate: userCoordinate) {
        mapRegion = fitRegion
    }
}

4. 视图层配置 #

在SwiftUI的Map组件中开启用户位置显示，并绑定计算出的区域：

var body: some View {
    Map(coordinateRegion: $mapRegion, showsUserLocation: true)
        .onAppear {
            fetchUserLocation()
        }
        .toolbar {
            Button("POI") {
                onPOIButtonTap()
            }
        }
}

注意事项 #

• 若用户未授权位置权限，方法会自动忽略用户坐标，仅适配搜索结果区域，避免崩溃。
• 单坐标场景下（比如只有一个搜索结果或仅用户位置），默认设置0.01的经纬度跨度，保证地图有合理缩放级别。

内容的提问来源于stack exchange，提问作者Emre Değirmenci