如何让 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
方法,它为每个注释创建一个自定义图标。
我是一名新手 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
方法,它为每个注释创建一个自定义图标。