iOS 17 SwiftUI中Picker传递MapStyle至地图视图的报错解决

• 问题根源：MapStyle本身不遵循Hashable协议，而SwiftUI的Picker要求绑定的选择值必须是Hashable类型，这就是你遇到编译错误的原因。你之前尝试让枚举继承MapStyle的思路不对，因为MapStyle是协议，不能作为枚举的原始类型（raw type）使用。

• 正确解决方案：

  1. 自定义一个遵循Hashable（通过CaseIterable自动合成）的枚举，枚举的每个case对应一种地图样式，并且在枚举内部提供计算属性返回对应的MapStyle实例：

     enum MapStyleOption: CaseIterable {
         case standard, hybrid, imagery
         
         var mapStyle: MapStyle {
             switch self {
             case .standard:
                 return .standard
             case .hybrid:
                 // 可根据需求调整参数，用默认值就写.hybrid()
                 return .hybrid(elevation: .realistic, pointsOfInterest: .all, showsTraffic: true)
             case .imagery:
                 // 可调整参数，默认值用.imagery()
                 return .imagery(elevation: .realistic)
             }
         }
     }
     

  2. 修改视图中的状态变量类型为这个自定义枚举：

     @State private var selectedStyle: MapStyleOption = .standard
     

  3. 更新地图样式绑定和Picker配置：

     Map() {
         Marker(item.entryCatName ?? "", coordinate: coordinate)
             .tint(.red)
     }
     .mapStyle(selectedStyle.mapStyle)
     
     Picker("", selection: $selectedStyle) {
         Text("Default").tag(MapStyleOption.standard)
         Text("Transit").tag(MapStyleOption.hybrid)
         Text("Satellite").tag(MapStyleOption.imagery)
     }
     .pickerStyle(SegmentedPickerStyle())
     

• 完整修正后的代码：

import SwiftUI
import MapKit

enum MapStyleOption: CaseIterable {
    case standard, hybrid, imagery
    
    var mapStyle: MapStyle {
        switch self {
        case .standard:
            return .standard
        case .hybrid:
            return .hybrid() // 使用默认参数配置
        case .imagery:
            return .imagery() // 使用默认参数配置
        }
    }
}

struct DetailView: View {
    var item: TravelEntries   // coreData
    
    @State private var selectedStyle: MapStyleOption = .standard
    
    var coordinate: CLLocationCoordinate2D {
        CLLocationCoordinate2D(
            latitude: item.entryLat,
            longitude: item.entryLong)
    }
    
    var body: some View {
        VStack {
            Map() {
                Marker(item.entryCatName ?? "", coordinate: coordinate)
                    .tint(.red)
            }
            .mapStyle(selectedStyle.mapStyle)
            
            Picker("", selection: $selectedStyle) {
                Text("Default").tag(MapStyleOption.standard)
                Text("Transit").tag(MapStyleOption.hybrid)
                Text("Satellite").tag(MapStyleOption.imagery)
            }
            .pickerStyle(SegmentedPickerStyle())
        }
    }
}

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