概要

マップ上に円を表示したく、下記のサイトを参考にコードを書きました。
エラーなどは特にないのですが、円が表示されません。
参考にしたサイト

他のサイトなども参考にしてみたのですが、いずれの場合も表示されませんでした。
何卒、ご教授よろしくお願い致します。

マップ表示画面ViewControllerのコード全文

Swift
1import UIKit
2import MapKit       //地図
3import CoreLocation //位置情報
4
5class MapViewController: UIViewController,CLLocationManagerDelegate,MKMapViewDelegate {
6
7    @IBOutlet weak var mapView: MKMapView!
8    @IBOutlet weak var decisionButton: UIButton!    //検索範囲決定ボタン
9    
10    var locationManager = CLLocationManager()
11    
12    var latitude: Double = 0.0   //Double型緯度プロパティ
13    var longitude: Double = 0.0  //Double型経度プロパティ
14    var s_latitude: String?      //Optional String型緯度プロパティ
15    var s_longitude: String?     //Optional String型経度プロパティ
16    
17    override func viewDidLoad() {
18        super.viewDidLoad()
19        
20        navigationItem.title = "半径を設定してください"                             //ナビゲーションコントローラのタイトル設定
21        
22        //地図の設定
23        let center = CLLocationCoordinate2DMake(35.681236,139.767125)           //最初の中心座標
24        let span = MKCoordinateSpan(latitudeDelta: 0.01, longitudeDelta: 0.01)  //表示範囲
25        let region = MKCoordinateRegion(center: center, span: span)             //中心座標と表示範囲をマップに登録する
26        mapView.setRegion(region, animated: true)
27       
28        //現在地を取得
29        locationManager.requestAlwaysAuthorization()
30        locationManager.requestWhenInUseAuthorization()
31        if CLLocationManager.locationServicesEnabled() {
32            locationManager.delegate = self
33            locationManager.desiredAccuracy = kCLLocationAccuracyNearestTenMeters
34            locationManager.startUpdatingLocation()
35        }
36        
37　　     //円
38        //円を描画する(半径1000m).
39        let myCircle: MKCircle = MKCircle(center: center, radius: CLLocationDistance(1000))
40        // mapViewに円を追加.
41        mapView.addOverlay(myCircle)
42    }
43    
44    //現在地を取得する許可を求めるためのメソッド
45    func permission(_ manager: CLLocationManager, didChangeAuthorization status: CLAuthorizationStatus) {
46        switch status {
47            
48        case .notDetermined:                            //許可されてない場合
49            manager.requestWhenInUseAuthorization()     //許可を求める
50            
51        case .restricted, .denied:                      //拒否されてる場合
52            break                                       //何もしない
53            
54        case .authorizedAlways, .authorizedWhenInUse:   //許可されている場合
55            manager.startUpdatingLocation()             //現在地の取得を開始
56            break
57            
58        default:
59            break
60        }
61    }
62
63    //緯度経度
64    func locationManager(_ manager: CLLocationManager, didUpdateLocations locations: [CLLocation]) {
65
66        s_latitude = (locations.last?.coordinate.latitude.description)  //緯度取得
67        s_longitude = (locations.last?.coordinate.longitude.description)//経度取得
68        
69        if let s_latitude = s_latitude {  //s_latitudeのアンラップ
70            latitude = NSString(string: s_latitude).doubleValue //String型の緯度をDouble型に変換
71            UserDefaults.standard.set(latitude, forKey: "lat")  //UserDefaultsに緯度を保存
72        }
73        
74        if let s_longitude = s_longitude {  //s_longitudeのアンラップ
75            longitude = NSString(string: s_longitude).doubleValue   //String型の経度をDouble型に変換
76            UserDefaults.standard.set(longitude, forKey: "lon")     //UserDefaultsに経度を保存
77        }
78        mapView.setCenter((locations.last?.coordinate)!, animated: true)    //マップ中心位置の更新
79    }
80    
81    //円の関数
82    func mapView(_ mapView: MKMapView, rendererFor overlay: MKOverlay) -> MKOverlayRenderer {
83
84           // rendererを生成.
85           let myCircleView: MKCircleRenderer = MKCircleRenderer(overlay: overlay)
86
87           // 円の内部を赤色で塗りつぶす.
88           myCircleView.fillColor = UIColor.red
89
90           // 円周の線の色を黒色に設定.
91           myCircleView.strokeColor = UIColor.black
92
93           // 円を透過させる.
94           myCircleView.alpha = 0.5
95
96           // 円周の線の太さ.
97           myCircleView.lineWidth = 1.5
98
99           return myCircleView
100       }
101 
102}
103

退会済みユーザー

2022/05/03 12:58

再現確認してみたところ、コードに問題はなさそうに見えました。 `let myCircleView: MKCircleRenderer = MKCircleRenderer(overlay: overlay)` の行にブレイクポイントを設定してデバッグしてみたらこの行で止まるでしょうか？ (Map Viewのデリゲートメソッドが呼ばれているでしょうか？) もし呼び出されていないようでしたら、 Storyboardの「Map View」を選択して、右側のConnectionsインスペクタから Outletsのdelegateに「Map View Controller」が設定されているか確認してみたらどうでしょうか？

aoringo

2022/05/03 13:18 編集

メソッド呼ばれていませんでした。 Referencing Outletsnには設定されていますが、Outletsのdelegateに設定されていなかったです。どのようにして設定するのかも、ご教授頂けると幸いです、、、。

退会済みユーザー

2022/05/03 13:19

コメントありがとうございます。「Map View」のconnectionsインスペクタのdelegateの右側にある◯にマウスを合わせると＋のマークになります。これをドラッグ開始すると青い線がマウスに合わせて伸びてきます。 Storyboardの左側のツリーの「Map View Controller」にドロップします。これで設定できると思いますがどうでしょうか。

aoringo

2022/05/03 13:24

delegateの設定をしたところ、正常に円も表示されました！ありがとうございます！