Apple Watch SwiftUI Map 旋转数码表冠时如何读取当前region span

需求可行性 #

该需求完全可以实现，核心逻辑是将用户通过数码表冠主动调整产生的缩放跨度（span）单独存储为本地状态，后续用户位置更新时只修改地图的中心坐标，复用已存储的span值，即可避免缩放等级被覆盖。

实现核心步骤 #

• 单独声明状态变量存储用户主动调整后的MKCoordinateSpan，不要和地图绑定的region共用状态逻辑
• 通过onChange监听地图绑定的region的span属性变化，仅当变化由用户主动操作触发时，更新存储的span值
• 收到新的用户位置更新时，用存储的span和新的位置坐标生成新的region，赋值给地图绑定的状态属性

onChange读取Map.region.span的代码示例 #

import SwiftUI
import MapKit

struct WatchMapView: View {
    // 绑定到Map组件的显示区域
    @State private var displayRegion: MKCoordinateRegion = MKCoordinateRegion(
        center: CLLocationCoordinate2D(latitude: 39.9, longitude: 116.3),
        span: MKCoordinateSpan(latitudeDelta: 0.02, longitudeDelta: 0.02)
    )
    // 存储用户手动调整后的缩放等级
    @State private var userSavedSpan: MKCoordinateSpan?
    // 实际项目替换为CLLocationManager返回的实时用户坐标
    @State private var latestUserLocation: CLLocationCoordinate2D?

    var body: some View {
        Map(coordinateRegion: $displayRegion)
            // 监听span变化，用户调整缩放时保存
            .onChange(of: displayRegion.span) { newSpan in
                // 可在这里增加用户操作状态判断，过滤代码触发的span变更
                userSavedSpan = newSpan
            }
            // 监听用户位置更新，修改地图中心时复用保存的span
            .onChange(of: latestUserLocation) { newLocation in
                guard let newLocation = newLocation else { return }
                let finalSpan = userSavedSpan ?? MKCoordinateSpan(latitudeDelta: 0.02, longitudeDelta: 0.02)
                displayRegion = MKCoordinateRegion(center: newLocation, span: finalSpan)
            }
            // watchOS数码表冠绑定控制缩放
            .digitalCrownRotation(
                $displayRegion,
                from: MKCoordinateSpan(latitudeDelta: 0.001, longitudeDelta: 0.001),
                through: MKCoordinateSpan(latitudeDelta: 5, longitudeDelta: 5),
                sensitivity: .medium,
                isHapticFeedbackEnabled: true
            )
    }
}

优化提示 #

如果需要避免位置更新触发的span变更被误存，可以新增一个@State private var isUserOperating: Bool标记，在用户触摸地图、操作数码表冠时置为true，操作结束1秒后置为false，仅当标记为true时才执行span的存储逻辑。

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