iOS 17中如何用SwiftUI和MapKit修改选中标记的颜色？

要修改选中标记的颜色，核心思路是利用selectedMarker的状态值，动态为标记设置不同的tint颜色。具体实现如下：

关键修改点 #

• 为Marker的tint属性添加条件判断：当当前标记对应的placemark与selectedMarker相等时，使用选中状态的颜色；否则使用默认颜色。
• 确保你的自定义标记图片（markerImage()返回的图片）支持着色（比如使用SF Symbols或模板模式的UIImage），否则tint不会生效。

修改后的完整代码 #

import SwiftUI
import MapKit
import SwiftData

struct ContentView: View {
    @Environment(\.modelContext) private var modelContext
    @Environment(LocationManager.self) var locationManager
    @State private var cameraPosition: MapCameraPosition = .userLocation(fallback: .automatic)
    @State private var selectedMarker: Placemark?
    @State private var markers = [Placemark]()      
       
    var body: some View {
        Map(position: $cameraPosition, selection: $selectedMarker) {
            UserAnnotation()
            ForEach(markers) { placemark in
                Marker(placemark.name, image: placemark.markerImage(), coordinate: placemark.coordinate)
                    // 根据选中状态动态设置tint颜色
                    .tint(selectedMarker == placemark ? .red : .accentColor)
                    .tag(placemark)
            }
        }
    }
}

补充说明 #

• 你可以将.red替换为任何你需要的选中状态颜色，比如自定义的Color("SelectedMarkerColor")。
• 如果你的markerImage()返回的是不支持模板模式的图片，需要先将其转换为模板模式，例如：

  func markerImage() -> Image {
      let uiImage = UIImage(named: "your-marker-image")?.withRenderingMode(.alwaysTemplate) ?? UIImage(systemName: "mappin")!
      return Image(uiImage: uiImage)
  }
  

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