iOS 17中如何正确设置MapKit的缩放级别？

问题根源 #

你的代码存在两个核心问题：

1. 未将Map组件与@State修饰的region绑定，导致地图默认自动聚焦到标注点，直接忽略了你设置的缩放跨度（span）。
2. places数组是值类型集合，在init里修改元素经纬度不会触发视图更新，且完全没必要用这个数组，直接用region.center就能创建标注。

修复后的代码 #

import SwiftUI
import MapKit

struct MapView: View {
    @State private var region: MKCoordinateRegion
    
    init(initialRegion: MKCoordinateRegion) {
        // 初始化时直接构建带指定span的目标区域
        let targetSpan = MKCoordinateSpan(latitudeDelta: 0.1, longitudeDelta: 0.1)
        self._region = State(initialValue: MKCoordinateRegion(center: initialRegion.center, span: targetSpan))
    }

    var body: some View {
        Map(coordinateRegion: $region) { // 关键：将region与Map组件绑定
            Annotation("", coordinate: region.center, anchor: .bottom) {
                Image(systemName: "house")
                    .padding(4)
                    .foregroundStyle(.white)
                    .background(Color.green)
                    .cornerRadius(4)
            }
        }
        .mapStyle(.standard(elevation: .realistic))
        .onMapCameraChange { context in
            region = context.region // 保持region与地图当前状态同步（可选，按需保留）
        }
    }
}

关键改动说明 #

• 给Map添加coordinateRegion: $region绑定，强制地图使用你定义的缩放范围，不再自动聚焦标注点。
• 重写init方法，直接通过_region（@State的底层存储属性）初始化，确保跨度设置生效。
• 移除冗余的Place结构体和places数组，直接用region.center作为标注坐标，简化逻辑。

修改后，地图初始化时会按照你设置的0.1经纬度跨度显示，不会再缩到单个点。

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