Google Maps SDK for iOSでマップ上にボタンやラベルを配置したい

Question

現在作成しているアプリで、表示したMap上もしくはMap外にボタンやラベルを配置したいと考えています。

◆困っていること
現在は以下のコードでMapが表示できていいます。
しかしこの場合、ストーリーボード上に設置したボタンやラベルを無視して画面全体にMapが表示されるようで
用意したボタンなどがMap上に表示されません。

    private func setupMap() {
        // GoogleMapの初期位置(仮で東京駅付近に設定)
        let camera = GMSCameraPosition.camera(withLatitude: 35.6812226, longitude: 139.7670594, zoom: 12.0)
        mapView = GMSMapView.map(withFrame: CGRect.zero, camera: camera)
        mapView.isUserInteractionEnabled = true
        mapView.delegate = self
        self.view = mapView
    }

そこでMap用のViewを追加して、そのViewにMapを入れる方法を試してみました。
イメージは以下の通りです。

    @IBOutlet weak var viewMap: UIView!

    private func setupMap() {
        // GoogleMapの初期位置(仮で東京駅付近に設定)
        let camera = GMSCameraPosition.camera(withLatitude: 35.6812226, longitude: 139.7670594, zoom: 12.0)
        mapView = GMSMapView.map(withFrame: CGRect.zero, camera: camera)
        mapView.isUserInteractionEnabled = true
        mapView.delegate = self
        viewMap = mapView
    }

上記のように実装をしたところMapが表示されませんでした。
また、色々と試してみたのですが、「self.view.addsubview(map)」のように
AddSubViewを使用しても表示がされませんでした。

Map上にボタンを置く方法もしくは「self.view = mapView」以外の書き方で
Mapを表示する方法を知っている方がいましたら解決方法をご教授願います。

Comments

[hoshi-takanori]

self.view = mapView だと view controller の view を置き換えて mapView だけが表示される状態になってしまいますので、self.view.addSubview(mapView) する必要がありますが、それだけだと最前面に来るので、self.view.sendSubviewToBack(mapView) で後ろに持っていくと良いのでは。

[W.Taka]

hoshi-takanotiさん
親切に回答をいただいたのにもかかわらず、返信が遅くなってしまい大変申し訳ありません。
回答していただいた件についてですが試したところ、
ラベルやボタン部分が表示されるようにはなったのですがマップが表示されませんでした。
なぜかAddSubViewを使うとマップが表示されなくなくなるのですが、
どういったことが原因と考えられますでしょうか。

[W.Taka]

マップを表示しようとしている画面について、
TabBarContorollerを使用しているのですがこちらが問題の可能性はありますでしょうか。。。

[hoshi-takanori]

mapView = GMSMapView.map(withFrame: CGRect.zero, camera: camera)
の withFrame: CGRect.zero を withFrame: self.view.bounds にする必要がありそうですね。

[W.Taka]

hoshi-takanoriさん
早急な回答ありがとうございます。
withFrame: CGRect.zero を withFrame: self.view.boundsに変更したところ
うまく表示されるようになりました！
Mapを表示する枠のサイズが０に設定されていたということだったのでしょうか。
だとするのであれば、viewMap = mapViewで表示される理由が謎になりますが・・・

[W.Taka]

hoshi-takanoriさんをベストアンサーに選びたいので、
差し支えなければ回答の方にコメントをいただけると幸いです。

[hoshi-takanori]

私は何も確認してないので、W.Taka さんが書いたちゃんと動くコードを回答欄に貼って自己解決にしちゃってください。

[W.Taka]

hoshi-takanoriさんのおかげで解決できたのによろしいのでしょうか。
そういっていただけるのであれば、自己解決方向でCloseさせていただきます。

本当にありがとうございました。
また機会がありましたらよろしくお願い致します。

Answer 1

以下2つの部分を修正することで解決することができました。

・1つ目
◆修正前
mapView = GMSMapView.map(withFrame: CGRect.zero, camera: camera)
◆修正後
mapView = GMSMapView.map(withFrame: self.view.bounds, camera: camera)

・2つ目
◆修正前
self.view = mapView
◆修正後
self.view.addSubview(mapView)
self.view.sendSubviewToBack(mapView)

回答をいただいたhoshi-takanoriさん、tomatoさんありがとうございました。

Answer 2

ただIBOutletを@IBOutlet weak var mapView: GMSMapView!とすればいいのではないですか？

Comments

[W.Taka]

tomatoさん
親切に回答していただいたにもかかわらず、返信が遅くなってしまい申し訳ありません。
こちら試してみましたが、マップは表示されるもののボタンやラベルは表示がされませんでした。

上記に回答をいただいた、hoshi-takanoriさんのいう通り
self.view = mapView
このViewの設定に問題があるのかもしれません・・・
かといってAddSubViewを使用すると今度はマップが表示されなくなります
何かこの問題について知っていることがありましたらご教授願いたいです。