お店やサービスなどのスポット

プラットフォームを選択: Android iOS JavaScript

スポット（地図上の場所）は、対応するアイコンとともに基本地図にデフォルトで表示されます。公園、学校、政府機関などもスポットに該当します。また、地図タイプが kGMSTypeNormal の場合は、ビジネス スポットがデフォルトで地図に表示されます。 ビジネス スポットは、店舗、レストラン、ホテルなどを表します。

スポットは、プレイス IDに対応しています。 Places SDK for iOS で定義されます。たとえば遊園地は POI ですが、噴水などは通常、（国によって、または歴史的に重要と認められていない限り）POI ではありません。

スポットに対するクリック イベントをリッスンする

ユーザーによる POI のタップ操作に応答したい場合は、 GMSMapViewDelegateを実装し、 mapView(_:didTapPOIWithPlaceID:name:location:) メソッドを実装します。次の例をご覧ください。

Swift

import GoogleMaps

class POI: UIViewController, GMSMapViewDelegate {

  override func loadView() {
    let camera = GMSCameraPosition.camera(
      withLatitude: 47.603,
      longitude:-122.331,
      zoom:14
    )
    let mapView = GMSMapView.map(withFrame: .zero, camera: camera)
    mapView.delegate = self
    self.view = mapView
  }

  func mapView(
    _ mapView: GMSMapView,
    didTapPOIWithPlaceID placeID: String,
    name: String,
    location: CLLocationCoordinate2D
  ) {
    print("You tapped \(name): \(placeID), \(location.latitude)/\(location.longitude)")
  }
}

Objective-C

#import "POI.h"
@import GoogleMaps;

@interface POI () <GMSMapViewDelegate>

@end

@implementation POI

- (void)loadView {
  GMSCameraPosition *camera = [GMSCameraPosition cameraWithLatitude:47.603
                                                            longitude:-122.331
                                                                 zoom:14];
  GMSMapView *mapView = [GMSMapView mapWithFrame:CGRectZero camera:camera];
  mapView.delegate = self;
  self.view = mapView;
}

#pragma mark - GMSMapViewDelegate

- (void)mapView:(GMSMapView *)mapView
    didTapPOIWithPlaceID:(NSString *)placeID
                    name:(NSString *)name
                location:(CLLocationCoordinate2D)location {
  NSLog(@"You tapped %@: %@, %f/%f", name, placeID, location.latitude, location.longitude);
}

@end

情報ウィンドウに詳細を表示する

スポットは地図にデフォルトで表示されますが、クリックを処理する UI はデフォルトでは存在しません（ユーザーが POI をタップしても、API によって情報ウィンドウなどのユーザー インターフェースが自動的に表示されることはありません）。次の例は、マーカーを使用して POI の情報ウィンドウを表示する方法を示しています。

Swift

// Declare GMSMarker instance at the class level.
let infoMarker = GMSMarker()

// Attach an info window to the POI using the GMSMarker.
func mapView(
  _ mapView: GMSMapView,
  didTapPOIWithPlaceID placeID: String,
  name: String,
  location: CLLocationCoordinate2D
) {
  infoMarker.snippet = placeID
  infoMarker.position = location
  infoMarker.title = name
  infoMarker.opacity = 0;
  infoMarker.infoWindowAnchor.y = 1
  infoMarker.map = mapView
  mapView.selectedMarker = infoMarker
}

Objective-C

// Declare a GMSMarker instance at the class level.
GMSMarker *infoMarker;

// Attach an info window to the POI using the GMSMarker.
- (void)mapView:(GMSMapView *)mapView
    didTapPOIWithPlaceID:(NSString *)placeID
                    name:(NSString *)name
                location:(CLLocationCoordinate2D)location {
  infoMarker = [GMSMarker markerWithPosition:location];
  infoMarker.snippet = placeID;
  infoMarker.title = name;
  infoMarker.opacity = 0;
  CGPoint pos = infoMarker.infoWindowAnchor;
  pos.y = 1;
  infoMarker.infoWindowAnchor = pos;
  infoMarker.map = mapView;
  mapView.selectedMarker = infoMarker;
}

地図にスポットが表示されないようにする

すべての POI または特定のカテゴリの POI にカスタム スタイルを適用することで、POI を非表示にすることができます。

次の JSON スタイル宣言を使用すると、地図上のすべてのビジネス スポットを非表示にすることができます。

[
  {
    "featureType": "poi.business",
    "stylers": [
      { "visibility": "off" }
    ]
  }
]

別の例として、次の JSON を使用してすべてのカテゴリのスポットの表示を簡素化することもできます。

[
  {
    "featureType": "poi",
    "stylers": [
      { "visibility": "simplified" }
    ]
  }
]

詳しくは、地図上の対象物をスタイルで非表示にするためのガイドをご覧ください。