Doanh nghiệp và các địa điểm yêu thích khác

Chọn nền tảng: Android iOS JavaScript

Theo mặc định, các địa điểm yêu thích (POI) xuất hiện trên bản đồ cơ sở cùng với các biểu tượng tương ứng. POI bao gồm công viên, trường học, toà nhà chính phủ và nhiều địa điểm khác. Ngoài ra, POI doanh nghiệp xuất hiện theo mặc định trên bản đồ khi loại bản đồ là kGMSTypeNormal. POI doanh nghiệp đại diện cho các doanh nghiệp như cửa hàng, nhà hàng, khách sạn và nhiều doanh nghiệp khác.

Một POI tương ứng với một Mã địa điểm, như được xác định trong Places SDK dành cho iOS. Ví dụ: công viên giải trí là POI, nhưng những địa điểm như đài phun nước thường không phải là POI (trừ phi chúng có ý nghĩa quốc gia hoặc lịch sử).

Lắng nghe các sự kiện nhấp vào POI

Nếu bạn muốn phản hồi khi người dùng nhấn vào một POI, hãy triển khai GMSMapViewDelegate, và triển khai phương thức mapView(_:didTapPOIWithPlaceID:name:location:), như minh hoạ trong ví dụ sau:

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
      

Hiển thị thông tin chi tiết trong cửa sổ thông tin

POI xuất hiện trên bản đồ theo mặc định, nhưng không có giao diện người dùng mặc định khi nhấp vào (API không tự động hiển thị cửa sổ thông tin hoặc bất kỳ giao diện người dùng nào khác khi người dùng nhấn vào một POI). Ví dụ sau đây cho biết cách sử dụng điểm đánh dấu để hiển thị cửa sổ thông tin cho một 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;
}
      

Ngừng hiển thị POI trên bản đồ

Bạn có thể ẩn POI bằng cách áp dụng kiểu tuỳ chỉnh cho tất cả POI hoặc cho các danh mục POI cụ thể.

Khai báo kiểu JSON sau đây ẩn tất cả POI doanh nghiệp trên bản đồ:

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

Một ví dụ khác là JSON sau đây đơn giản hoá việc hiển thị tất cả các danh mục POI:

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

Để biết thêm thông tin chi tiết, hãy xem hướng dẫn ẩn các tính năng trên bản đồ bằng cách tạo kiểu.