如何让 MKAnnotations 在地图上平滑移动(调整它们的坐标)?

How do I make MKAnnotations move smoothly over the map (adjust their coordinates)?

我是一名新手 Swift 开发人员,我正在构建一个应用程序来跟踪地图上城市公交车的位置。

我遇到的问题是,我希望 MKAnnotations 在 GPS 位置之间平滑移动(从旧位置到新位置 JSON),而不是被删除并重新出现。

到目前为止,我的应用正在检索一个 JSON,它被解码为一个遵循 MKAnnotation 协议的对象数组。

然后我用这个方法把它们都显示在地图上:

func updateUI(json: MyModelClass) {
    mapView.removeAnnotations(mapView.annotations)
    mapView.addAnnotations(json.busArray)
}

JSON 每 10 秒下载一次,并触发 updateUI 方法,删除现有的 MKAnnotations 并添加新的。

如有任何建议,我将不胜感激。

如果需要,这里是模型:

struct MyModelClass: Codable {
    let busArray: [Bus]

    enum CodingKeys: String, CodingKey {
        case busArray = "result"
    }

    init(busArray: [Bus]) {
        self.busArray = busArray
    }
}

class Bus: NSObject, Codable, MKAnnotation {
    let latitude, longitude: Double
    let time, title, brigade: String?
    var coordinate: CLLocationCoordinate2D = CLLocationCoordinate2D(latitude: 52.22977, longitude: 21.01178)

    enum CodingKeys: String, CodingKey {
        case latitude = "Lat"
        case longitude = "Lon"
        case time = "Time"
        case title = "Lines"
        case brigade = "Brigade"
    }

    required init(from decoder: Decoder) throws {
        let container = try decoder.container(keyedBy: CodingKeys.self)

        self.latitude = try container.decode(Double.self, forKey: .latitude)
        self.longitude = try container.decode(Double.self, forKey: .longitude)
        self.title = try container.decode(String.self, forKey: .title)
        self.time = try container.decode(String.self, forKey: .time)
        self.brigade = try container.decode(String.self, forKey: .brigade)
        self.coordinate = CLLocationCoordinate2D(latitude: CLLocationDegrees(latitude), longitude: CLLocationDegrees(longitude))

我将向总线 class 添加一个 busID 字段。要将总线添加到地图,我将创建一个专门添加新总线的方法。而你的 updateUI 方法你应该使用 for 循环(或等效的)来匹配 busID 并修改它的新位置。

我希望这能引导您朝着正确的方向前进。

是这样的吗?

MKAnnotationView 继承自 UIView。

我这样做是通过 而不是 将 annotationView 作为注释添加到 MapView

相反,我做了类似

的事情
mapView.addSubview(annotaionView)

在此之后,使用 iOS´ 方法之一制作动画 UIViews:

最简单的方法是使用UIView.animate{ }

在上面的示例中,我使用了 UIKit dynamics 和 SnapBehaviour,参见 https://www.raywenderlich.com/2326-uikit-dynamics-tutorial-getting-started

您需要做的一件事是将地图坐标转换为 UIView 坐标:

 var snapTo = mapView.convert(cdPOI.coordinate, toPointTo: mapView)

动画完成后,我将注解作为子视图移除并执行类似 mapView.addAnnotation(annotation)

的操作

这是我根据 OverD 的回答编写的一段代码。 subtitle的值与busID相同。

DispatchQueue.global().async {

                for old in self.mapView.annotations {
                    for new in model.busArray {
                        if new.busID == old.subtitle {
                            if let annotation = old as? Bus {
                                DispatchQueue.main.async {                          
                                    annotation.coordinate = new.coordinate
                                }
                            }
                        }
                    }
                }

            }

编辑 - 重构并使 annotationView 从旧坐标平滑移动到新坐标。

func matchIDs(mapView: MKMapView, annotations: [MKAnnotation], model: MyModel) {

        DispatchQueue.global().async {
            for annotation in annotations {
                if let filteredBus = model.busArray.filter({ [=11=].busID == annotation.subtitle }).first {
                    DispatchQueue.main.async {

                        UIView.animate(withDuration: 0.5, animations: {
                            let matchedBus = annotation
                            if let annotationForView = mapView.view(for: matchedBus)?.annotation as? Bus {
                                annotationForView.coordinate = filteredBus.coordinate
                            }
                        })

                    }
                } else {
                    // do nothing
                }
            }
        }
    }

我还在我的 MKMapView 委托(视图控制器)中实现了一个 viewFor annotation 方法,它为每个注释创建一个自定义图标。