SwiftUI MapKit：如何引用数组中的值配置地图标记？

你的代码思路没问题，只是几个细节没调整到位，以下是修正后的完整代码和关键点说明：

核心修改点 #

• 直接用n.label替换Marker的空字符串参数，设置标记的标签文本
• 将.tint(.yellow)改为.tint(n.tint)，引用数组中每个标记的自定义颜色
• 把Text和Map放在VStack中，保证视图正常显示（SwiftUI默认需要容器视图管理多个子视图的布局）
• 可选：利用你的systemimage字段，使用带图标的Marker初始化方法，让标记显示自定义系统图标

修正后的完整代码 #

import SwiftUI
import MapKit

struct MyLocationsArray: Identifiable {
    let id = UUID()
    let number: Int
    let category: Int
    let name: String
    let label: String
    let systemimage: String
    let tint: Color
    let coordinates: CLLocationCoordinate2D
    let freeInt: Int
    let freeString: String
}

struct ContentView: View {
    let marker = [
        MyLocationsArray(number: 1, category: 1, name: "A-Name", label: "A-Label", systemimage: "bird", tint: .orange, coordinates: CLLocationCoordinate2D(latitude: 42.2926854029081, longitude: -71.0679634411345), freeInt: 0, freeString: ""),
              
        MyLocationsArray(number: 2, category: 1, name: "B-Name", label: "B-Label", systemimage: "bird", tint: .red, coordinates: CLLocationCoordinate2D(latitude: 42.302685, longitude: -71.077963), freeInt: 0, freeString: "")
    ]
    
    var body: some View {
        VStack {
            Text("Hello, World!")
                .padding()
            
            Map {
                ForEach(marker) { n in
                    // 版本1：仅显示标签文本
                    // Marker(n.label, coordinate: n.coordinates)
                    //     .tint(n.tint)
                    
                    // 版本2：显示系统图标+标签文本（更贴合你的字段设计）
                    Marker(n.label, systemImage: n.systemimage, coordinate: n.coordinates)
                        .tint(n.tint)
                }
            }
            .mapControls {
                MapUserLocationButton()
                MapCompass()
                MapScaleView()
            }
        }
    }
}

#Preview {
    ContentView()
}

关键点解释 #

1. 属性引用有效性：ForEach(marker) { n in }中的n就是数组里的MyLocationsArray实例，所以n.label、n.tint、n.systemimage这些属性都是可以直接访问的，之前的问题可能是视图布局导致你没看到效果，或者没正确替换参数。
2. Marker初始化器：SwiftUI提供了多种Marker初始化方式，使用带systemImage参数的版本可以直接用上你定义的图标字段，让标记更符合你的设计需求。
3. 视图布局：SwiftUI的body只能返回单个视图，所以多个子视图（Text、Map）必须放在VStack、HStack这类容器视图中，否则只会显示第一个视图。

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