21

iOS 10 中的地图应用程序现在在MKUserLocation MKAnnotationView. 有什么方法可以将它添加到MKMapView我自己的应用程序中吗？

在此处输入图像描述

编辑：我很乐意手动执行此操作，但我不确定是否可能？我可以在地图上添加注释并让它跟随用户的位置，包括动画移动吗？

4

4 回答 4

21

我也遇到了同样的问题（需要一个方向指示器而不让地图旋转，类似于 Apple 地图应用程序）。不幸的是，Apple 还没有提供“标题的蓝色图标”API。

我从@alku83 的实现中创建了以下解决方案。

  1. 确保类符合 MKViewDelegate

  2. 添加委托方法以将蓝色箭头图标添加到地图位置点

    func mapView(_ mapView: MKMapView, didAdd views: [MKAnnotationView]) {
    if views.last?.annotation is MKUserLocation {
        addHeadingView(toAnnotationView: views.last!)
    }
}

  3. 添加创建“蓝色箭头图标”的方法。

    func addHeadingView(toAnnotationView annotationView: MKAnnotationView) {
    if headingImageView == nil {
        let image = #YOUR BLUE ARROW ICON#
        headingImageView = UIImageView(image: image)
        headingImageView!.frame = CGRect(x: (annotationView.frame.size.width - image.size.width)/2, y: (annotationView.frame.size.height - image.size.height)/2, width: image.size.width, height: image.size.height)
        annotationView.insertSubview(headingImageView!, at: 0)
        headingImageView!.isHidden = true
     }
}

  4. 添加var headingImageView: UIImageView?到您的班级。这主要用于变换/旋转蓝色箭头图像。

  5. （根据您的架构在不同的类/对象中）创建一个位置管理器实例，该类符合CLLocationManagerDelegate协议

    lazy var locationManager: CLLocationManager = {
    let manager = CLLocationManager()
    // Set up your manager properties here
    manager.delegate = self
    return manager
}()

  6. 确保您的位置经理正在跟踪用户航向数据locationManager.startUpdatingHeading()，并在适当时停止跟踪locationManager.stopUpdatingHeading()

  7. 添加var userHeading: CLLocationDirection?将保持方向值

  8. 添加标题值更改时通知的委托方法，并适当更改 userHeading 值

    func locationManager(_ manager: CLLocationManager, didUpdateHeading newHeading: CLHeading) {
     if newHeading.headingAccuracy < 0 { return }

     let heading = newHeading.trueHeading > 0 ? newHeading.trueHeading : newHeading.magneticHeading
     userHeading = heading
     NotificationCenter.default.post(name: Notification.Name(rawValue: #YOUR KEY#), object: self, userInfo: nil)
    }

  9. 现在在符合 MKMapViewDelegate 的类中，添加方法以“转换”标题图像的方向

       func updateHeadingRotation() {
        if let heading = # YOUR locationManager instance#,
            let headingImageView = headingImageView {

            headingImageView.isHidden = false
            let rotation = CGFloat(heading/180 * Double.pi)
            headingImageView.transform = CGAffineTransform(rotationAngle: rotation)
        }
    }
于 2016-11-25T15:55:39.040 回答
5

是的，您可以手动执行此操作。

基本思想是跟踪用户的位置，CLLocationManager并使用它的数据在地图上放置和旋转注释视图。

这是代码。我省略了与问题没有直接关系的某些内容（例如，我假设用户已经授权您的应用进行位置访问等），因此您可能需要稍微修改此代码

ViewController.swift

import UIKit
import MapKit

class ViewController: UIViewController, CLLocationManagerDelegate, MKMapViewDelegate {
    @IBOutlet var mapView: MKMapView!
    lazy var locationManager: CLLocationManager = {
        let manager = CLLocationManager()
        manager.delegate = self
        return manager
    }()

    var userLocationAnnotation: UserLocationAnnotation!

    override func viewDidLoad() {
        super.viewDidLoad()

        locationManager.desiredAccuracy = kCLLocationAccuracyBestForNavigation

        locationManager.startUpdatingHeading()
        locationManager.startUpdatingLocation()

        userLocationAnnotation = UserLocationAnnotation(withCoordinate: CLLocationCoordinate2D(), heading: 0.0)

        mapView.addAnnotation(userLocationAnnotation)
    }

    func locationManager(_ manager: CLLocationManager, didUpdateHeading newHeading: CLHeading) {
        userLocationAnnotation.heading = newHeading.trueHeading
    }

    func locationManager(_ manager: CLLocationManager, didUpdateLocations locations: [CLLocation]) {
        userLocationAnnotation.coordinate = locations.last!.coordinate
    }

    public func mapView(_ mapView: MKMapView, viewFor annotation: MKAnnotation) -> MKAnnotationView? {
        if let annotation = annotation as? UserLocationAnnotation {
            let annotationView = mapView.dequeueReusableAnnotationView(withIdentifier: "UserLocationAnnotationView") ?? UserLocationAnnotationView(annotation: annotation, reuseIdentifier: "UserLocationAnnotationView")
            return annotationView
        } else {
            return MKPinAnnotationView(annotation: annotation, reuseIdentifier: nil)
        }
    }

}

在这里，我们正在对地图视图进行基本设置，并开始使用CLLocationManager.

UserLocationAnnotation.swift

import UIKit
import MapKit

class UserLocationAnnotation: MKPointAnnotation {
    public init(withCoordinate coordinate: CLLocationCoordinate2D, heading: CLLocationDirection) {
        self.heading = heading

        super.init()
        self.coordinate = coordinate
    }

    dynamic public var heading: CLLocationDirection
}

非常简单MKPointAnnotation的子类，能够存储航向方向。dynamic关键字是这里的关键。它允许我们heading使用 KVO 观察属性的变化。

UserLocationAnnotationView.swift

import UIKit
import MapKit

class UserLocationAnnotationView: MKAnnotationView {

    var arrowImageView: UIImageView!

    private var kvoContext: UInt8 = 13

    override public init(annotation: MKAnnotation?, reuseIdentifier: String?) {
        super.init(annotation: annotation, reuseIdentifier: reuseIdentifier)

        arrowImageView = UIImageView(image: #imageLiteral(resourceName: "Black_Arrow_Up.svg"))
        addSubview(arrowImageView)
        setupObserver()
    }

    required init?(coder aDecoder: NSCoder) {
        super.init(coder: aDecoder)

        arrowImageView = UIImageView(image: #imageLiteral(resourceName: "Black_Arrow_Up.svg"))
        addSubview(arrowImageView)
        setupObserver()
    }

    func setupObserver() {
        (annotation as? UserLocationAnnotation)?.addObserver(self, forKeyPath: "heading", options: [.initial, .new], context: &kvoContext)
    }

    override func observeValue(forKeyPath keyPath: String?, of object: Any?, change: [NSKeyValueChangeKey : Any]?, context: UnsafeMutableRawPointer?) {
        if context == &kvoContext {
            let userLocationAnnotation = annotation as! UserLocationAnnotation
            UIView.animate(withDuration: 0.2, animations: { [unowned self] in
                self.arrowImageView.transform = CGAffineTransform(rotationAngle: CGFloat(userLocationAnnotation.heading / 180 * M_PI))
            })
        }
    }

    deinit {
        (annotation as? UserLocationAnnotation)?.removeObserver(self, forKeyPath: "heading")
    }
}

MKAnnotationView观察heading属性然后将适当的旋转变换设置为其子视图的子类（在我的情况下，它只是带有箭头的图像。您可以创建更复杂的注释视图并仅旋转其中的一部分而不是整个视图。 )

UIView.animate是可选的。添加它是为了使旋转更平滑。CLLocationManager无法每秒观察 60 次航向值，因此在快速旋转时，动画可能会有点不稳定。UIView.animatecall 解决了这个小问题。

正确处理coordinate值更新已经在MKPointAnnotation,MKAnnotationView和MKMapView类中为我们实现了，所以我们不必自己做。

于 2016-10-07T14:20:57.330 回答
3

我通过向MKUserLocationannotationView 添加一个子视图来解决这个问题，就像这样

func mapView(mapView: MKMapView, didAddAnnotationViews views: [MKAnnotationView]) {
if annotationView.annotation is MKUserLocation {
    addHeadingViewToAnnotationView(annotationView)
    }
}

func addHeadingViewToAnnotationView(annotationView: MKAnnotationView) {
    if headingImageView == nil {
        if let image = UIImage(named: "icon-location-heading-arrow") {
            let headingImageView = UIImageView()
            headingImageView.image = image
            headingImageView.frame = CGRectMake((annotationView.frame.size.width - image.size.width)/2, (annotationView.frame.size.height - image.size.height)/2, image.size.width, image.size.height)
            self.headingImageView = headingImageView
        }
    }

    headingImageView?.removeFromSuperview()
    if let headingImageView = headingImageView {
        annotationView.insertSubview(headingImageView, atIndex: 0)
    }

    //use CoreLocation to monitor heading here, and rotate headingImageView as required
}
于 2016-10-10T05:47:00.893 回答
1

我想知道为什么没有人提供delegate解决方案。它不依赖MKUserLocation而是使用@Dim_ov 提出的大部分方法，即继承MKPointAnnotation和MKAnnotationView（最干净和最通用的方式恕我直言）。唯一的区别是观察者现在被一个delegate方法替换了。

  1. 创建delegate协议：

    protocol HeadingDelegate : AnyObject {
    func headingChanged(_ heading: CLLocationDirection)
}

  2. 创建MKPointAnnotation通知委托的子类。该headingDelegate属性将从视图控制器外部分配并在每次heading属性更改时触发：

    class Annotation : MKPointAnnotation {
    weak var headingDelegate: HeadingDelegate?
    var heading: CLLocationDirection {
        didSet {
            headingDelegate?.headingChanged(heading)
        }
    }

    init(_ coordinate: CLLocationCoordinate2D, _ heading: CLLocationDirection) {
        self.heading = heading
        super.init()
        self.coordinate = coordinate
    }
}

  3. 创建MKAnnotationView实现委托的子类：

    class AnnotationView : MKAnnotationView , HeadingDelegate {
    required init?(coder aDecoder: NSCoder) {
        super.init(coder: aDecoder)
    }

    override init(annotation: MKAnnotation?, reuseIdentifier: String?) {
        super.init(annotation: annotation, reuseIdentifier: reuseIdentifier)
    }

    func headingChanged(_ heading: CLLocationDirection) {
        // For simplicity the affine transform is done on the view itself
        UIView.animate(withDuration: 0.1, animations: { [unowned self] in
            self.transform = CGAffineTransform(rotationAngle: CGFloat(heading / 180 * .pi))
        })
    }
}

  4. 考虑到您的视图控制器实现了这两者CLLocationManagerDelegate并且MKMapViewDelegate几乎没有什么可做的（这里不提供完整的视图控制器代码）：

        // Delegate method of the CLLocationManager
    func locationManager(_ manager: CLLocationManager, didUpdateHeading newHeading: CLHeading) {
        userAnnotation.heading = newHeading.trueHeading
    }

    // Delegate method of the MKMapView
    func mapView(_ mapView: MKMapView, viewFor annotation: MKAnnotation) -> MKAnnotationView? {        
        var annotationView = mapView.dequeueReusableAnnotationView(withIdentifier: NSStringFromClass(Annotation.self))
        if (annotationView == nil) {
            annotationView = AnnotationView(annotation: annotation, reuseIdentifier: NSStringFromClass(Annotation.self))
        } else {
            annotationView!.annotation = annotation
        }

        if let annotation = annotation as? Annotation {
            annotation.headingDelegate = annotationView as? HeadingDelegate
            annotationView!.image = /* arrow image */
        }

        return annotationView
    }

最重要的部分是注释 ( headingDelegate) 的委托属性与注释视图对象一起分配的位置。这会将注解与其视图绑定，这样每次修改标题属性时headingChanged()都会调用视图的方法。

注意： didSet{}这里使用的willSet{}属性观察器是在 Swift 4 中首次引入的。

于 2019-10-13T12:26:28.800 回答