LoginSignup
6
7

More than 3 years have passed since last update.

@powerispowerin株式会社ゆめみ

GoogleMapSDKを使ってMap表示

Last updated at Posted at 2019-08-17

GoogleMapSDKを使ってMapを表示してみました
基本的には公式の通りになります

SDKをいれる

Podfileに以下を書いてpod installを叩く

target 'hogehoge' do
    pod 'GoogleMaps'
    pod 'GooglePlaces'
end

地図を表示する

まずAPIKeyを公式のGet The APIKeyでプロジェクトを選択して取得します

スクリーンショット 2019-08-13 10.29.27.png

APIkeyを取得したらAppdelegate.swit - application(_:didFinishLaunchingWithOptions:) メソッドでアプリに入れます

import GoogleMaps
import GooglePlaces

@UIApplicationMain
class AppDelegate: UIResponder, UIApplicationDelegate {

    var window: UIWindow?


    func application(_ application: UIApplication, didFinishLaunchingWithOptions launchOptions: [UIApplication.LaunchOptionsKey: Any]?) -> Bool {
        GMSServices.provideAPIKey("取得したAPIKeyを入れる")
        GMSPlacesClient.provideAPIKey("取得したAPIKeyを入れる")

        return true
    }

準備ができたのでここからMapを表示するための実装をしていきます

GMSCameraPositionインスタンスを緯度経度を指定し生成し、これを使ってGMSMapView インスタンスを生成します。

import GoogleMaps

class ViewController: UIViewController {

    override func viewDidLoad() {
        super.viewDidLoad()
        // Do any additional setup after loading the view.
    }

    override func loadView() {
        // マップに指定の緯度経度の場所を指定の倍率で表示するように指示
        let camera = GMSCameraPosition.camera(withLatitude: -33.86, longitude: 151.20, zoom: 10.0)

        // GMSMapViewインスタンスを生成
        let mapView = GMSMapView.map(withFrame: CGRect.zero, camera: camera)
        view = mapView
    }
}

ユーザーが地図上のGoogleロゴをクリックすると、Google Maps SDK for iOSによってブラウザ版のGoogleMapが開かれます

目標座標にピンをたてる


    override func loadView() {
        let camera = GMSCameraPosition.camera(withLatitude: -33.86, longitude: 151.20, zoom: 10.0)

        let mapView = GMSMapView.map(withFrame: CGRect.zero, camera: camera)
        view = mapView

        // 追加箇所
        // markerはピンの場所
        let marker = GMSMarker()
        marker.position = CLLocationCoordinate2D(latitude: -33.86, longitude: 151.20)
        marker.title = "Sydney"
        marker.snippet = "Australia"
        marker.map = mapView
    }

現在地を表示する

#認証リクエストのためにinfo.plistの設定

iOSアプリではユーザーのプライバシー情報を取得する場合、ユーザーから許可を得る必要があります
あらかじめinfo.plistのPrivacy - Location When In Use Usage Descriptionで(このアプリは位置情報を取得しますなど)位置情報を使用する旨を記載する必要があります
アプリがユーザーから得られる認証は下の３つ

authorizedAlways(常に許可する)

authorizedWhenInUse(使用中だけ許可する)

denied(許可しない)

今回は使用中だけ許可したいからinfo.plistのKeyにPrivacy - Location When In Use Usage Description、valueに適当に現在地を取得しますと設定した

スクリーンショット 2019-08-17 23.18.13.png

#認証リクエストのためにコード側実装

コード側もCLLoacationManagerクラスのインスタンスメソッドrequestWhenInUseAuthorization()でリクエストを送る
* CLLocationManagerはiOS SDKで標準で用意されている位置情報関連のライブラリCoreLocationをインポートすることで使えるようになるはずだが、CoreLocation自体をインポートしなくてもGoogleMapsをインポートしたためか使えた

import GoogleMaps

class ViewController: UIViewController {
// GoogleMapをインポートしているためか、CoreLocationをインポートしなくてもCLLocationManagerオブジェクトを生成できる
    let locationManager = CLLocationManager() // ← NEW

    override func viewDidLoad() {
        super.viewDidLoad()

    }

    override func loadView() {
        (省略)
    }

    func setupLocationManager() {
         // ユーザーに対して位置情報を取得する許可をリクエストする      ← NEW
         locationManager.requestWhenInUseAuthorization()
    }
}

#位置情報取得の開始

ユーザから「アプリ使用中の位置情報取得」の許可が得られた場合に、位置情報を取得します
CLLocationManagerのプロパティのdistanceFilterに値を設定し、何メートル移動するごとに現在地を更新するか決めることができます


import GoogleMaps

class ViewController: UIViewController {
// GoogleMapをインポートしているためか、CoreLocationをインポートしなくてもCLLocationManagerオブジェクトを生成できる
    let locationManager = CLLocationManager()

    override func viewDidLoad() {
        super.viewDidLoad()
            setupLocationManager() ← NEW
    }

    override func loadView() {
        (省略)
    }

    func setupLocationManager() {
         // ユーザーに対して位置情報を取得する許可をリクエストする
         locationManager.requestWhenInUseAuthorization()
    }

    func setupLocationManager() {
        locationManager.requestWhenInUseAuthorization()
        // ↓NEW
        if .authorizedWhenInUse == CLLocationManager.authorizationStatus() {
            // 何メートル移動ごとに情報を取得するか。ここで設定した距離分移動したときに現在地を示すマーカーも移動する
            locationManager.distanceFilter = 1
            // 位置情報取得開始
            locationManager.startUpdatingLocation()
        }
    }
}

#プロトコル採用とデリゲートメソッド実装

CLLocationManagerDelegateを採用し、「アプリ使用中の位置情報取得」の許可が得られた場合にのみ、ViewControllerクラスがCLLocationManagerのデリゲート先になるようにする


import GoogleMaps

class ViewController: UIViewController {
// GoogleMapをインポートしているためか、CoreLocationをインポートしなくてもCLLocationManagerオブジェクトを生成できる
    let locationManager = CLLocationManager()

    override func viewDidLoad() {
        super.viewDidLoad()

    }

    override func loadView() {
        (省略)
    }

    func setupLocationManager() {
         // ユーザーに対して位置情報を取得する許可をリクエストする
         locationManager.requestWhenInUseAuthorization()
    }

    func setupLocationManager() {
        locationManager.requestWhenInUseAuthorization()
        if .authorizedWhenInUse == CLLocationManager.authorizationStatus() {
            // 何メートル移動ごとに情報を取得するか。ここで設定した距離分移動したときに現在地を示すマーカーも移動する
            locationManager.distanceFilter = 1
            // 位置情報取得開始
            locationManager.startUpdatingLocation()
        }
    }

    // 位置情報を取得・更新するたびに呼ばれる ← NEW
    func locationManager(_ manager: CLLocationManager, didUpdateLocations locations: [CLLocation]) {
        print(locations)
    }
}

コード全体

最後にコード全体を載せておしまい



import UIKit
import GoogleMaps

class ViewController: UIViewController, CLLocationManagerDelegate {

    let locationManager = CLLocationManager()

    override func viewDidLoad() {
        super.viewDidLoad()
        setupLocationManager()
    }

    override func loadView() {
        // マップに指定の緯度経度の場所を指定の倍率で表示するように指示
        let camera = GMSCameraPosition.camera(withLatitude: -33.86, longitude: 151.20, zoom: 10.0)

        // 指定のフレームとcameraPositionでmapviewをビルドして返す
        let mapView = GMSMapView.map(withFrame: CGRect.zero, camera: camera)
        mapView.isMyLocationEnabled = true
        view = mapView

        // markerはピンの場所
        let marker = GMSMarker()
        marker.position = CLLocationCoordinate2D(latitude: -33.86, longitude: 151.20)
        marker.title = "Sydney"
        marker.snippet = "Australia"
        marker.map = mapView
    }

    func setupLocationManager() {
        locationManager.requestWhenInUseAuthorization()

        // 「アプリ使用中の位置情報取得」の許可が得られた場合のみ、CLLocationManagerクラスのstartUpdatingLocation()を呼んで、位置情報の取得を開始する
        if .authorizedWhenInUse == CLLocationManager.authorizationStatus() {

            // 許可が得られた場合にViewControllerクラスがCLLoacationManagerのデリゲート先になるようにする
            locationManager.delegate = self
            // 何メートル移動ごとに情報を取得するか。ここで設定した距離分移動したときに現在地を示すマーカーも移動する
            locationManager.distanceFilter = 1
            // 位置情報取得開始
            locationManager.startUpdatingLocation()
        }
    }

    // 位置情報を取得・更新するたびに呼ばれる
    func locationManager(_ manager: CLLocationManager, didUpdateLocations locations: [CLLocation]) {
        let location = locations.first
        let latitude =  location?.coordinate.latitude
        let longitude = location?.coordinate.longitude

        print("latitude: \(latitude!)\n longitude: \(longitude!)")
    }
}

参照

https://developers.google.com/maps/documentation/ios-sdk/start
https://qiita.com/koogawa/items/adc2dd19015586bda39b
https://qiita.com/chino_tweet/items/db3a536234a43a3c31d9#%E3%83%93%E3%83%AB%E3%83%89

6
7
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
Sign upLogin
6
7