Swift 3 - Mapbox - 사용자 위치 사용자 지정 사용자 지정 주석

Question

사용자 위치 주석의 모양을 변경하려고합니다. 나는 이것이 지금 MGLUserLocationAnnotationView을 사용하여 가능하다는 것을 이해하지만, 이것을 구현하는 방법을 잘 모르겠습니다. 누구나 이것이 어떻게 수행되는지에 대한 간단한 예를 제공 할 수 있습니까?

감사합니다.

Answer 1

당신 말이 맞습니다. MapBox API MGLUserLocationAnnotationView 설명이 매우 짧습니다. 사용자 위치보기 맞춤 설정은 MapBox iOS SDK 3.4.0부터 사용할 수 있습니다. See also the feature comments on the MapBox GitHub

중요 사항 : MGLUserLocationAnnotationView는 MGLAnnotationView의 하위 클래스입니다. 즉, MGLUserLocationAnnotationView는 일반 주석보기처럼 작동합니다.

다음은 사용자 위치보기를 사용자 지정하는 방법의 예입니다. 새 클래스 (예 : CustomUserLocationAnnotationView)를 만들고 layoutSubviews()를 재정 의하여 맞춤 코드를 추가합니다. 이 예제에서는 UIImage UserLocationIcon.png를 사용하여 맵에서 사용자 위치를 시각화합니다. 및 -mapView : 당신의 UIViewController 또는 어떤 다른 사람 (예를 들어, 서비스 클래스) 적어도 두 가지 기능 -mapViewDidFinishLoadingMap으로 MGLMapViewDelegate을 구현에서

import Foundation 
import UIKit 
import Mapbox 

final class CustomUserLocationAnnotationView: MGLUserLocationAnnotationView { 
    override init(reuseIdentifier: String?) { 
     super.init(reuseIdentifier: reuseIdentifier) 
    } 

    override init(frame: CGRect) { 
     super.init(frame: CGRect(x: 0, y: 0, width: 30, height: 30)) 
    } 

    required init?(coder aDecoder: NSCoder) { 
     fatalError("init(coder:) has not been implemented") 
    } 

    override func layoutSubviews() { 
     super.layoutSubviews() 

     // Force the annotation view to maintain a constant size when the map is tilted. 
     scalesWithViewingDistance = false 

     layer.contentsScale = UIScreen.main.scale 
     layer.contentsGravity = kCAGravityCenter 

     // Use your image here 
     layer.contents = UIImage(named: "UserLocationIcon")?.cgImage 
    } 
} 

viewForAnnotation :. viewForAnnotation :

extension ViewController: MGLMapViewDelegate { 
    // Wait until the map is loaded before proceed with other actions on map 
    func mapViewDidFinishLoadingMap(_ mapView: MGLMapView) { 
     // Show the user location here 
     mapView.showsUserLocation = true 
    } 

    func mapView(_ mapView: MGLMapView, viewFor annotation: MGLAnnotation) -> MGLAnnotationView? { 
     // Customise the user location annotation view 
     if annotation is MGLUserLocation { 
      var userLocationAnnotationView = mapView.dequeueReusableAnnotationView(withIdentifier: "CustomUserLocationAnnotationViewIdentifier") as? CustomUserLocationAnnotationView 

      if userLocationAnnotationView == nil { 
       userLocationAnnotationView = CustomUserLocationAnnotationView(reuseIdentifier: "CustomUserLocationAnnotationViewIdentifier") 
      } 

      // Optional: You can save the annotation object for later use in your app 
      self.userLocationAnnotation = annotation 

      return userLocationAnnotationView 
     } 

     // Customise your annotation view here... 

     return customAnnotationView 
    } 
} 

지도보기 -mapView : 내 의견 인라인을 참조 위임 기능은 사용자 주석보기를 포함하여 모든 주석보기 인스턴스라고합니다.

선택적 : 당신의 CustomUserLocationAnnotationView 인스턴스를 얻으려면, 당신은 당신의 코드에서 모든 곳에서이 기능을 사용할 수 있습니다

// The userLocationAnnotation was previously saved in your ViewController in the -mapView:viewForAnnotation: delegate function 
    let view = mapView.view(for: self.userLocationAnnotation) as? CustomUserLocationAnnotationView