MapBox iOSの異なるマーカー画像？

Question

IDや何かを追加する方法はありますか？カスタムマーカー画像を設定することはできますか？

私は数字で複数のマーカーを持っていますが、私はすべての新しいマーカーが別の画像を持っている必要があります。例えば

：

MARKER1 - marker_1_image

MARKER2 - marker_2_image

気圧私はすべてのマーカーに1枚の画像（グローバルに）を設定することしかできています：

func mapView(mapView: MGLMapView, imageForAnnotation annotation: MGLAnnotation) -> MGLAnnotationImage? { 

    var annotationImage = mapView.dequeueReusableAnnotationImageWithIdentifier("place") 

    if annotationImage == nil { 
     var image = UIImage(named: "marker_1")! 
     image = image.imageWithAlignmentRectInsets(UIEdgeInsetsMake(0, 0, image.size.height/2, 0)) 
     annotationImage = MGLAnnotationImage(image: image, reuseIdentifier: "place") 
    } 

    return annotationImage 
} 

任意のアイデア？または、私はMGLAnnotationをサブクラス化し、それをすべてのデリゲートメソッドに使用できますか？

Answer 1

あなたは、サブクラス化して、追加userInfo財産（as in this answerを）、または既存のタイトル/字幕のプロパティを使用することができますできます

func mapView(mapView: MGLMapView, imageForAnnotation annotation: MGLAnnotation) -> MGLAnnotationImage? { 
    // get the custom reuse identifier for this annotation 
    let reuseIdentifier = reuseIdentifierForAnnotation(annotation) 
    // try to reuse an existing annotation image, if it exists 
    var annotationImage = mapView.dequeueReusableAnnotationImageWithIdentifier(reuseIdentifier) 

    // if the annotation image hasn‘t been used yet, initialize it here with the reuse identifier 
    if annotationImage == nil { 
     // lookup the image for this annotation 
     let image = imageForAnnotation(annotation) 
     annotationImage = MGLAnnotationImage(image: image, reuseIdentifier: reuseIdentifier) 
    } 

    return annotationImage 
} 

// create a reuse identifier string by concatenating the annotation coordinate, title, subtitle 
func reuseIdentifierForAnnotation(annotation: MGLAnnotation) -> String { 
    var reuseIdentifier = "\(annotation.coordinate.latitude),\(annotation.coordinate.longitude)" 
    if let title = annotation.title where title != nil { 
     reuseIdentifier += title! 
    } 
    if let subtitle = annotation.subtitle where subtitle != nil { 
     reuseIdentifier += subtitle! 
    } 
    return reuseIdentifier 
} 

// lookup the image to load by switching on the annotation's title string 
func imageForAnnotation(annotation: MGLAnnotation) -> UIImage { 
    var imageName = "" 
    if let title = annotation.title where title != nil { 
     switch title! { 
     case "blah": 
      imageName = "blahImage" 
     default: 
      imageName = "defaultImage" 
     } 
    } 
    // ... etc. 
    return UIImage(named: imageName)! 
} 

あなたは画像の読み込みをより強固にしたいとの特異性をカスタマイズします再利用識別子文字列ですが、これは一般的にうまくいくはずです。

Answer 2

my initial answerから持ち歩くことをお勧めします。必要なプロパティを含む独自のアノテーションクラスを作成することをお勧めします。

MGLAnnotationプロトコルまたはサブクラスを実装し、userInfoプロパティを追加する必要があります。両方の技術はofficial exampleで実証され、ここで元ですされています

は、カスタム注釈クラスを定義します。

// MGLAnnotation protocol reimplementation 
class CustomPointAnnotation : NSObject, MGLAnnotation { 
    // As a reimplementation of the MGLAnnotation protocol, we have to add mutable coordinate and (sub)title properties ourselves. 
    var coordinate: CLLocationCoordinate2D 
    var title: String? 
    var subtitle: String? 

    // Custom properties that we will use to customize the annotation's image. 
    var image: UIImage? 
    var reuseIdentifier: String? 

    init(coordinate: CLLocationCoordinate2D, title: String?, subtitle: String?) { 
     self.coordinate = coordinate 
     self.title = title 
     self.subtitle = subtitle 
    } 
} 

そして、あなたのビューコントローラでそれを使用します。

override func viewDidLoad() { 
    // Do your map loading, remembering to set the map delegate. 

    let point = CustomPointAnnotation(coordinate: CLLocationCoordinate2DMake(0, 0), 
     title: "Custom Point Annotation", 
     subtitle: nil) 
    // Set the custom `image` and `reuseIdentifier` properties, later used in the `mapView:imageForAnnotation:` delegate method. 
    point.reuseIdentifier = "someIdentiferForYourImage" 
    point.image = UIImage(named: "someImage") 

    mapView.addAnnotation(point) 
} 

func mapView(mapView: MGLMapView, imageForAnnotation annotation: MGLAnnotation) -> MGLAnnotationImage? { 
    if let point = annotation as? CustomPointAnnotation, 
     image = point.image, 
     reuseIdentifier = point.reuseIdentifier { 

     if let annotationImage = mapView.dequeueReusableAnnotationImageWithIdentifier(reuseIdentifier) { 
      // The annotatation image has already been cached, just reuse it. 
      return annotationImage 
     } else { 
      // Create a new annotation image. 
      return MGLAnnotationImage(image: image, reuseIdentifier: reuseIdentifier) 
     } 
    } 

    // Fallback to the default marker image. 
    return nil 
} 

Answer 3

// set different images for multiple pins. 


func mapView(mapView: MGLMapView, imageForAnnotation annotation: MGLAnnotation) -> MGLAnnotationImage? 
{ 
    var annotationImage : MGLAnnotationImage? = nil 


    //seems to be a double optional! String?? 

    var title = "" 
    var subTitle = "" 
    //-------------------------------------------------- 
    //TITLE 
    //-------------------------------------------------- 

    if let titleOpt = annotation.title{ 
     if let title_ = titleOpt{ 
      title = title_ 

     } 
    } 

    //-------------------------------------------------- 
    //SUBTITLE 
    //-------------------------------------------------- 
    if let subtitleOpt = annotation.subtitle{ 
     if let subtitle_ = subtitleOpt{ 
      subTitle = subtitle_ 

     } 
    } 
    //--------------------------------------------------------------------- 
    if title == "" { 

    }else{ 

     if title == "Assault" { 
      // let imageOut = (title , iconColor: UIColor.appColorFlat_TahitiGold_Orange()) 
      annotationImage = MGLAnnotationImage(image:UIImage(named:"Assault")!, reuseIdentifier: title) 
     } 
     else if title == "Rape" { 
      //let imageOut = self.textToImage(title , iconColor: UIColor.appColorButtonPink()) 
      annotationImage = MGLAnnotationImage(image: UIImage(named:"Rape")!, reuseIdentifier: title) 
     } 
     else if title == "Robbery" { 
      //let imageOut = self.textToImage(title , iconColor: UIColor.appColorButtonPink()) 
      annotationImage = MGLAnnotationImage(image: UIImage(named:"Robbery")!, reuseIdentifier: title) 
     } 
     else if title == "Violet Crime Murder" { 
      //let imageOut = self.textToImage(title , iconColor: UIColor.appColorButtonPink()) 
      annotationImage = MGLAnnotationImage(image: UIImage(named:"Violet Crime Murder")!, reuseIdentifier: title) 
     } 
     else if title == "Poor Roads" { 
      //let imageOut = self.textToImage(title , iconColor: UIColor.appColorButtonPink()) 
      annotationImage = MGLAnnotationImage(image: UIImage(named:"Poor Roads")!, reuseIdentifier: title) 
     } 
     else if title == "Unsafe Neighbourhoods" { 
      //let imageOut = self.textToImage(title , iconColor: UIColor.appColorButtonPink()) 
      annotationImage = MGLAnnotationImage(image: UIImage(named:"Unsafe Neighbourhoods")!, reuseIdentifier: title) 
     } 
     else if title == "Arson" { 
      //let imageOut = self.textToImage(title , iconColor: UIColor.appColorButtonPink()) 
      annotationImage = MGLAnnotationImage(image: UIImage(named:"Arson")!, reuseIdentifier: title) 
     } 

     else if title == "Poor Lighting" { 
      //let imageOut = self.textToImage(title , iconColor: UIColor.appColorButtonPink()) 
      annotationImage = MGLAnnotationImage(image: UIImage(named:"Poor Lighting")!, reuseIdentifier: title) 
     } 
     else{ 

      // let imageOut = self.textToImage(title ,iconColor: UIColor.appColorCYAN()) 
      annotationImage = MGLAnnotationImage(image: UIImage(named:"Default")!, reuseIdentifier: title) 
     } 
    } 
    return annotationImage 
}