จัดการเหตุการณ์การแตะ

เลือกแพลตฟอร์ม Android iOS JavaScript

ทําให้ฟีเจอร์ข้อมูลตอบสนองต่อเหตุการณ์การแตะ และใช้เหตุการณ์เพื่อแสดงค่าของแอตทริบิวต์สําหรับฟีเจอร์ที่แตะ

สำคัญ: ฟีเจอร์ที่มองไม่เห็นจะไม่ทริกเกอร์เหตุการณ์การแตะ รูปหลายเหลี่ยมต้องมีค่าอัลฟ่าขั้นต่ำเพื่อให้แตะได้

จัดการเหตุการณ์ชั้นชุดข้อมูล

ตัวอย่างนี้แสดงองค์ประกอบข้อมูลสำหรับชุดข้อมูลที่มีรหัส YOUR_DATASET_ID และใช้ฟังก์ชัน delegate เพื่อแสดงค่าของแอตทริบิวต์สำหรับองค์ประกอบที่แตะ

ในตัวอย่างนี้ ชุดข้อมูลจะแสดงสวนสาธารณะในนิวยอร์กซิตี้ สำหรับองค์ประกอบชุดข้อมูลแต่ละรายการที่สอดคล้องกับสวนสาธารณะ ชุดข้อมูลจะมีแอตทริบิวต์ชื่อ acres ซึ่งมีพื้นที่ผิวของสวนสาธารณะ สำหรับสวนสาธารณะที่เลือก ให้แสดงค่าของแอตทริบิวต์ acres

Swift

class SampleViewController: UIViewController {

  private lazy var mapView: GMSMapView = GMSMapView(frame: .zero, mapID: GMSMapID(identifier: "YOUR_MAP_ID"), camera: GMSCameraPosition(latitude: 40.7, longitude: -74, zoom: 12))

  // Set default styles.
  view = mapView
  let style = FeatureStyle(fill: .green.withAlphaComponent(0.5), stroke: .green, strokeWidth: 2)
  mapView.datasetFeatureLayer(of: "YOUR_DATASET_ID").style = { _ in style }
  mapView.delegate = self
}

extension SampleViewController: GMSMapViewDelegate {
  func mapView(_ mapView: GMSMapView, didTap features: [Feature], in featureLayer: FeatureLayer<Feature>, atLocation: CLLocationCoordinate2D) {
    let toast = UIAlertController(title: "Area of park", message: (features.compactMap { ($0 as? DatasetFeature)?.datasetAttributes["acres"] }).joined(separator: ", "), preferredStyle: .alert)
    present(toast, animated: true, completion: nil)
  }
}

Objective-C

@interface SampleViewController: UIViewController <GMSMapViewDelegate>
@end

@implementation SampleViewController
- (void)loadView {
    GMSMapView *mapView = [GMSMapView mapWithFrame:CGRectZero mapID:[GMSMapID mapIDWithIdentifier:@"YOUR_MAP_ID"] camera:[GMSCameraPosition cameraWithLatitude:40.7 longitude:-74 zoom:12]];
    mapView.delegete = self;

    // Set default styles.
    GMSFeatureStyle *style = [GMSFeatureStyle styleWithFillColor:[[UIColor greenColor] colorWithAlphaComponent:0.5] strokeColor:[UIColor greenColor] strokeWidth:2.0];
    [_mapView datasetFeatureLayerOfDatasetID:@"YOUR_DATASET_ID"].style = ^(GMSDatasetFeature *feature) { return style; };

    self.view = mapView;
}

- (void)mapView:(GMSMapView *)mapView didTapFeatures:(NSArray<id<GMSFeature>> *)features inFeatureLayer:(GMSFeatureLayer *)featureLayer atLocation:(CLLocationCoordinate2D)location {
  NSMutableArray<NSString *> *parkAreas = [NSMutableArray array];

  for (id<GMSFeature> feature in features) {
    if (![feature isKindOfClass:[GMSDatasetFeature class]]) { continue; }
    NSString *nameDefinedInDataset = ((GMSDatasetFeature *)feature).datasetAttributes[@"acres"];
    [parkAreas addObject:nameDefinedInDataset];
  }

  UIAlertController *toast = [UIAlertController alertControllerWithTitle:@"Area of park" message:[parkAreas componentsJoinedByString:@", "] preferredStyle:UIAlertControllerStyleAlert];
  [self presentViewController:toast animated:YES completion:nil];
}
@end