Swift自定义Google Maps蓝点：SVG图标实现位置联动

问题修复与实现方案 #

1. 解决SVG图标加载问题

iOS原生UIImage(named:)直接加载SVG文件可能无法正确渲染，推荐两种可靠方式：

• Asset Catalog Vector设置：将SVG添加到Asset Catalog，选中资源后在属性面板设置Render As为Single Vector，之后直接用UIImage(named: "myLocationDotIcon")即可加载可缩放的矢量图。
• 原生SVG解析（可选）：如果SVG是独立文件，可通过CoreGraphics解析为UIImage，示例代码：

func svgToImage(named: String, size: CGSize) -> UIImage? {
    guard let url = Bundle.main.url(forResource: named, withExtension: "svg"),
          let data = try? Data(contentsOf: url),
          let svgString = String(data: data, encoding: .utf8) else { return nil }
    
    let renderer = UIGraphicsImageRenderer(size: size)
    return renderer.image { ctx in
        let path = UIBezierPath(svgString: svgString) // 可实现简易SVG路径解析或使用轻量第三方库
        UIColor.blue.setFill()
        path.fill()
    }
}

2. 修复位置更新不生效问题

现有代码中Coordinator的位置更新逻辑未正确触发，需调整：

• 移除Coordinator中重复实例化的locationManager，直接使用视图的locationManager并设置代理：

class Coordinator: NSObject, GMSMapViewDelegate, CLLocationManagerDelegate {
    let owner: GoogleMapsView
    @Binding var myLocationDot: GMSMarker
    
    init(myLocationDot: Binding<GMSMarker>, owner: GoogleMapsView) {
        self.owner = owner
        _myLocationDot = myLocationDot
        super.init()
        owner.locationManager.delegate = self // 绑定位置管理器代理
    }
    
    // 位置更新回调
    func locationManager(_ manager: CLLocationManager, didUpdateLocations locations: [CLLocation]) {
        guard let lastLocation = locations.last else { return }
        myLocationDot.position = lastLocation.coordinate
        // 可选：自动跟随位置移动地图
        owner.uiView?.animate(toLocation: lastLocation.coordinate)
    }
    
    // ... 其他方法
}

• 在makeUIView中设置地图代理为Coordinator：mapView.delegate = context.coordinator

3. 优化Marker与数据同步

• 避免初始化时强制解包userLocation，使用默认坐标兜底：

let defaultCoord = CLLocationCoordinate2D(latitude: 0, longitude: 0)
let userCoord = locationManager.userLocation?.coordinate ?? defaultCoord
let camera = GMSCameraPosition.camera(withLatitude: userCoord.latitude, longitude: userCoord.longitude, zoom: 15)

• 在updateUIView中处理nearbyDrivers变化，刷新司机Marker：

func updateUIView(_ uiView: GMSMapView, context: Context) {
    uiView.isMyLocationEnabled = false
    
    // 更新自身位置Marker
    if let userCoord = locationManager.userLocation?.coordinate {
        myLocationDot?.position = userCoord
    }
    
    // 清理旧司机Marker
    uiView.markers.forEach {
        if $0.zIndex == 0 { $0.map = nil }
    }
    
    // 添加新司机Marker
    nearbyDrivers.forEach { driver in
        let marker = GMSMarker()
        marker.position = CLLocationCoordinate2D(latitude: driver.location.lat, longitude: driver.location.long)
        let iconView = UIImageView(image: UIImage(named: "carAnnotation.png"))
        iconView.frame = CGRect(x: 0, y: 0, width: 24, height: 24)
        iconView.contentMode = .scaleAspectFit
        marker.iconView = iconView
        marker.zIndex = 0
        marker.map = uiView
    }
}

4. Google Maps高级自定义学习资源推荐

• 官方文档核心章节：重点看Google Maps iOS SDK文档中的「Markers」「Customizing the Map」「Location Updates」部分，覆盖自定义Marker、地图样式、位置监听的全部细节。
• 官方示例项目：Google提供的iOS Maps SDK示例包含自定义Marker、实时位置追踪的完整案例，可直接参考实现逻辑。
• CoreLocation配合使用：结合Apple官方CoreLocation文档，确保位置权限申请、位置更新逻辑的正确性。

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