使ってみる
サンプルコードを試す前に、開発環境を構成する必要があります。 詳しくは、Maps SDK for iOS のコードサンプルをご覧ください。
コードを表示する
Swift
import GoogleMaps
import UIKit
final class MarkerEventsViewController: UIViewController {
private lazy var mapView: GMSMapView = {
let camera = GMSCameraPosition(latitude: -37.81969, longitude: 144.966085, zoom: 4)
return GMSMapView(frame: .zero, camera: camera)
}()
private var melbourneMarker = GMSMarker(
position: CLLocationCoordinate2D(latitude: -37.81969, longitude: 144.966085))
override func loadView() {
let sydneyMarker = GMSMarker(
position: CLLocationCoordinate2D(latitude: -33.8683, longitude: 151.2086))
sydneyMarker.map = mapView
melbourneMarker.map = mapView
mapView.delegate = self
view = mapView
}
}
extension MarkerEventsViewController: GMSMapViewDelegate {
func mapView(_ mapView: GMSMapView, markerInfoWindow marker: GMSMarker) -> UIView? {
if marker == melbourneMarker {
return UIImageView(image: UIImage(named: "Icon"))
}
return nil
}
func mapView(_ mapView: GMSMapView, didTap marker: GMSMarker) -> Bool {
// Animate to the marker
CATransaction.begin()
CATransaction.setAnimationDuration(3)
let camera = GMSCameraPosition(target: marker.position, zoom: 8, bearing: 50, viewingAngle: 60)
mapView.animate(to: camera)
CATransaction.commit()
// Melbourne marker has a InfoWindow so return false to allow markerInfoWindow to
// fire. Also check that the marker isn't already selected so that the InfoWindow
// doesn't close.
if marker == melbourneMarker && mapView.selectedMarker != melbourneMarker {
return false
}
return true
}
}
Objective-C
#import "GoogleMapsDemos/Samples/MarkerEventsViewController.h"
#import <QuartzCore/QuartzCore.h>
#import <GoogleMaps/GoogleMaps.h>
@implementation MarkerEventsViewController {
GMSMapView *_mapView;
GMSMarker *_melbourneMarker;
BOOL _rotating;
}
- (void)viewDidLoad {
[super viewDidLoad];
GMSCameraPosition *camera = [GMSCameraPosition cameraWithLatitude:-37.81969
longitude:144.966085
zoom:4];
_mapView = [GMSMapView mapWithFrame:CGRectZero camera:camera];
GMSMarker *sydneyMarker = [[GMSMarker alloc] init];
sydneyMarker.position = CLLocationCoordinate2DMake(-33.8683, 151.2086);
sydneyMarker.map = _mapView;
_melbourneMarker = [[GMSMarker alloc] init];
_melbourneMarker.position = CLLocationCoordinate2DMake(-37.81969, 144.966085);
_melbourneMarker.map = _mapView;
_mapView.delegate = self;
self.view = _mapView;
}
#pragma mark - GMSMapViewDelegate
- (UIView *)mapView:(GMSMapView *)mapView markerInfoWindow:(GMSMarker *)marker {
if (marker == _melbourneMarker) {
return [[UIImageView alloc] initWithImage:[UIImage imageNamed:@"Icon"]];
}
return nil;
}
- (BOOL)mapView:(GMSMapView *)mapView didTapMarker:(GMSMarker *)marker {
GMSCameraPosition *camera = [[GMSCameraPosition alloc] initWithTarget:marker.position
zoom:8
bearing:50
viewingAngle:60];
// Animate to the marker
[CATransaction begin];
[CATransaction setAnimationDuration:3.f]; // 3 second animation
[CATransaction setCompletionBlock:^{
if (_rotating) { // Animation was interrupted by orientation change.
[CATransaction
setDisableActions:true]; // Disable animation to avoid interruption from rotation.
[_mapView animateToCameraPosition:camera];
}
}];
[mapView animateToCameraPosition:camera];
[CATransaction commit];
// Melbourne marker has a InfoWindow so return NO to allow markerInfoWindow to fire. Also check
// that the marker isn't already selected so that the InfoWindow doesn't close.
if (marker == _melbourneMarker && mapView.selectedMarker != _melbourneMarker) {
return NO;
}
// The Tap has been handled so return YES
return YES;
}
- (void)viewWillTransitionToSize:(CGSize)size
withTransitionCoordinator:(id<UIViewControllerTransitionCoordinator>)coordinator {
_rotating = true;
[coordinator
animateAlongsideTransition:nil
completion:^(
id<UIViewControllerTransitionCoordinatorContext> _Nonnull context) {
_rotating = false;
}];
[super viewWillTransitionToSize:size withTransitionCoordinator:coordinator];
}
@end
完全なサンプルアプリをローカルで実行する
Maps SDK for iOS のサンプルアプリは、GitHub からダウンロード アーカイブとして入手できます。Maps SDK for iOS のサンプルアプリをインストールして試す手順は次のとおりです。
git clone https://github.com/googlemaps-samples/maps-sdk-for-ios-samples.gitを実行して、サンプル リポジトリのクローンをローカル ディレクトリに作成します。ターミナル ウィンドウを開き、サンプル ファイルのクローンを作成したディレクトリに移動して、GoogleMaps ディレクトリにドリルダウンします。
Swift
cd maps-sdk-for-ios-samples-main/GoogleMaps-Swift
pod installopen GoogleMapsSwiftDemos.xcworkspaceObjective-C
cd maps-sdk-for-ios-samples-main/GoogleMaps
pod installopen GoogleMapsDemos.xcworkspace- Xcode で、コンパイル ボタンを押して、現在のスキームでアプリをビルドします。ビルドエラーが発生し、Swift の場合は
SDKConstants.swiftファイル、Objective-C の場合はSDKDemoAPIKey.hファイルに API キーを入力するように求められます。 - API キーをまだ取得していない場合は、手順に沿って Google Cloud コンソールでプロジェクトを設定し、API キーを取得します。Cloud コンソールでキーを構成するときに、サンプルアプリのバンドル識別子にキーを制限して、自分のアプリだけがそのキーを使用できるようにすることができます。SDK のサンプルアプリのデフォルトのバンドル識別子は
com.example.GoogleMapsDemosです。 - Swift の場合は
SDKConstants.swiftファイルを、Objective-C の場合はSDKDemoAPIKey.hファイルを編集し、apiKey定数またはkAPIKey定数の定義に API キーを貼り付けます。次に例を示します。Swift
static let apiKey = "YOUR_API_KEY"Objective-C
static NSString *const kAPIKey = @"YOUR_API_KEY"; SDKConstants.swiftファイル（Swift）またはSDKDemoAPIKey.hファイル（Objective-C）で、ユーザー定義の問題を登録するために使用されている次の行を削除します。Swift
#error (Register for API Key and insert here. Then delete this line.)
Objective-C
#error Register for API Key and insert here.
- プロジェクトをビルドして実行します。iOS のシミュレータ ウィンドウが開き、Maps SDK デモの一覧が表示されます。
- 表示されるオプションからいずれか 1 つを選び、Maps SDK for iOS の機能を試します。
- GoogleMapsDemos が位置情報にアクセスするのを許可するよう求められたら、[許可] を選択します。