MKMapView内のAnnotationの色を条件によって変更したい

###前提・実現したいこと
・マップ上のピンの色を条件により変更したい
・APIから情報を取得し、複数のデータ（今回は仮に3箇所）のピンを置く
・その条件はdata[num]["colorData"]に格納済みとします。

######補足
・それぞれのピンの情報は違う
・タップしたピンの情報をMAPの下に表示する（UI的には）

###該当のソースコード

Swift
1import UIKit
2import MapKit
3import Alamofire
4import SwiftyJSON
5import SVProgressHUD
6
7class MapVC: UIViewController, MKMapViewDelegate {
8    
9    @IBOutlet weak var mapView: MKMapView!
10    @IBOutlet weak var titleText: UILabel!
11    @IBOutlet weak var subscriptionText: UILabel!
12    
13    let appDelegate = UIApplication.sharedApplication().delegate as! AppDelegate
14
15    var data: [[String: AnyOnbject?]] = []
16    
17    override func viewDidLoad() {
18        super.viewDidLoad()
19        
20        mapView.mapType = MKMapType.Standard
21        UserNetworkTool.getData(self, apiResponse: { response in
22            self.data = response
23            self.dropPin()
24        })
25        
26    }
27    
28    func mapView(mapView: MKMapView, didSelectAnnotationView annotationView: MKAnnotationView) {
29        
30        for num in 0...data.count - 1 {
31            let title = annotationView.annotation?.title
32            if title! ==  data[num]["title"] as? String {
33                titleText.text = data[num]["title"] as? String
34                subscriptionText.text = data[num]["subscription"] as? String
35            }
36        }
37        
38        mapView.setCenterCoordinate(annotationView.annotation!.coordinate, animated:true)
39        let span = MKCoordinateSpanMake(0.01, 0.01)
40        let region = MKCoordinateRegionMake(annotationView.annotation!.coordinate, span)
41        mapView.setRegion(region, animated:true)
42        
43    }
44    
45    func dropPin() {
46        
47        if self.data.count != 0 {
48            for num in 0...self.data.count - 1 {
49                let myAddress: String = (self.data[num]["address"] as? String)!
50                let myGeocoder = CLGeocoder()
51                myGeocoder.geocodeAddressString(myAddress, completionHandler: { (placemarks, error) -> Void in
52                    for placemark in placemarks! {
53                        let location: CLLocation = placemark.location!
54                        
55                        let annotation = MKPointAnnotation()
56                        annotation.coordinate = CLLocationCoordinate2DMake(location.coordinate.latitude, location.coordinate.longitude)
57                        annotation.title = self.data[num]["title"] as? String
58                        annotation.subtitle = self.data[num]["subscription"] as? String
59                        self.mapView.addAnnotation(annotation)
60                        
61                        self.mapView.showAnnotations(self.mapView.annotations, animated: true)
62                        
63                    }
64                })
65            }
66        }
67        
68    }
69    
70}
71

###試したこと

func mapView(mapView: MKMapView, viewForAnnotation annotation: MKAnnotation) -> MKAnnotationView? {
    if annotation is MKUserLocation {
        return nil
    }

    let reuseId = "pin"
    var pinView = mapView.dequeueReusableAnnotationViewWithIdentifier(reuseId) as? MKPinAnnotationView
    if pinView == nil {
        pinView = MKPinAnnotationView(annotation: annotation, reuseIdentifier: reuseId)
        pinView?.animatesDrop = true
    }
    else {
        pinView?.annotation = annotation
    }
        
    return pinView
}

・こちらを試してみましたが配列の何番目かの情報がないため、色の判断ができなさそう。
・Identifierを利用しているのでピンが再利用され？タップ後にバルーンが出てこなくなってしまった。

###補足情報(言語/FW/ツール等のバージョンなど)
・Xcode7.3.1
・Swift2

行動規範の内容に同意します

回答2件

自己解決

Swift
1func mapView(mapView: MKMapView, viewForAnnotation annotation: MKAnnotation) -> MKAnnotationView? {
2        
3        let pinView = MKPinAnnotationView()
4        pinView.annotation = annotation
5        if let pin = annotation as? MapAnnotationSetting {
6            pinView.pinTintColor = pin.pinColor
7        }
8        pinView.canShowCallout = true
9        return pinView
10        
11    }

Swift
1import UIKit
2import MapKit
3
4class MapAnnotationSetting: MKPointAnnotation {
5
6    var pinColor: UIColor = UIColor.redColor()
7    
8}

Swift
1func dropPin() {
2
3    ##省略##
4
5    let annotation = MapAnnotationSetting()
6    annotation.coordinate = CLLocationCoordinate2DMake(location.coordinate.latitude, location.coordinate.longitude)
7    annotation.title = self.data[num]["title"] as? String
8    annotation.subtitle = self.data[num]["subscription"] as? String
9    if self.data[num]["color"] as? Int != 0 {
10        annotation.pinColor = UIColor.blueColor()
11    }
12    self.mapView.addAnnotation(annotation)
13
14    ##省略##
15
16}

MKPointAnnotationクラスのインスタンスには座標とタイトル、サブタイトルしか設定することができないため、
MKPointAnnotationクラスを継承したMapAnnotationSettingクラスを作成し、
pinColor変数を定義しておいて、ピンの情報を設定する際にそのカスタムクラスを利用し、
今回の場合は色情報が「0」以外の場合は青色に設定しました。

mapView(mapView: MKMapView, viewForAnnotation annotation: MKAnnotation) -> MKAnnotationView?
の中で、引数で渡ってきたアノテーションをMapAnnotationSettingにキャストする。
そして、ピンの色を取得してアノテーションビューに設定することで色を替えることが出来ました。

投稿2016/08/26 02:42

Y_M

総合スコア265