如何将MapKit中Map()的showsUserLocation自定义为SF Symbol图标

要替换默认的用户位置标记，不能直接依赖showsUserLocation: true，得手动实现位置追踪和自定义标注，具体步骤如下：

• 关闭默认用户位置显示
  先把Map组件的showsUserLocation设为false，避免默认标记和自定义标注冲突。

• 配置位置权限与追踪
  用CLLocationManager获取用户当前位置，需要在Info.plist中添加NSLocationWhenInUseUsageDescription（前台权限）或NSLocationAlwaysAndWhenInUseUsageDescription（前后台权限）的权限描述文本。

  在视图中声明管理器实例，请求权限并启动位置更新：

  @StateObject private var locationManager = CLLocationManager()
  @State private var userLocation: CLLocationCoordinate2D?
  
  // 在视图的onAppear回调中配置
  .onAppear {
      locationManager.requestWhenInUseAuthorization()
      locationManager.startUpdatingLocation()
      locationManager.delegate = self // 需要让视图遵循CLLocationManagerDelegate协议
  }
  

• 获取用户实时位置
  给视图扩展代理方法，拿到最新的位置坐标：

  extension YourView: CLLocationManagerDelegate {
      func locationManager(_ manager: CLLocationManager, didUpdateLocations locations: [CLLocation]) {
          guard let latestLocation = locations.last else { return }
          userLocation = latestLocation.coordinate
      }
  }
  

• 添加自定义SF Symbol标注
  在Map的annotationItems中传入用户位置，用MapAnnotation自定义显示视图：

  Map(coordinateRegion: $yourRegion, annotationItems: userLocation != nil ? [userLocation!] : []) { coordinate in
      MapAnnotation(coordinate: coordinate) {
          Image(systemName: "person.fill") // 替换成你需要的SF Symbol名称
              .resizable()
              .frame(width: 30, height: 30)
              .foregroundColor(.systemBlue)
              .shadow(radius: 3)
      }
  }
  .showsUserLocation(false)
  

• 可选：添加位置精度范围圈
  如果需要模拟默认标记的精度提示效果，可以在标注里叠加半透明圆圈：

  MapAnnotation(coordinate: coordinate) {
      ZStack {
          Circle()
              .fill(Color.systemBlue.opacity(0.2))
              .frame(width: 60, height: 60)
          Image(systemName: "person.fill")
              .resizable()
              .frame(width: 30, height: 30)
              .foregroundColor(.systemBlue)
      }
  }
  

这样就能完全替换默认的用户位置标记为你指定的SF Symbol了。

内容的提问来源于stack exchange，提问作者Make Your Web