开始使用

请按照以下步骤设置数据集的数据驱动型样式。

获取 API 密钥并启用 API

在使用数据集的数据驱动型样式之前,您需要: Cloud 项目与结算账号,并且 Maps SDK for iOS 和 Maps Datasets API 。如需了解详情,请参阅:

创建地图 ID

mapID 是唯一标识符,用来表示 Google 地图的单个实例。您可以创建地图 ID 和更新样式 与地图 ID 相关联。

Google Cloud 的屏幕截图
控制台

创建新的地图样式

要创建新的地图样式,请按照管理地图 要创建的样式 样式。完成后,将样式与新创建的地图 ID 相关联。

更新地图初始化代码

此步骤要求地图 ID 与具有一个或多个地图项的样式相关联 图层已启用。若要验证您的地图 ID 是否已在以下位置正确设置: Cloud 控制台,请查看地图 管理

Swift

// A map ID using a style with one or more feature layers enabled

let mapID = GMSMapID(identifier: "YOUR_MAP_ID")
let mapView = GMSMapView(frame: .zero, mapID: mapID, camera: GMSCameraPosition(latitude: 40, longitude: -80, zoom: 7))

Objective-C

// A map ID using a style with one or more feature layers enabled

GMSMapID *mapID = [GMSMapID mapIDWithIdentifier:@"MAP_ID"];
GMSMapView *mapView = [GMSMapView mapWithFrame:CGRectZero mapID:mapID camera:[GMSCameraPosition cameraWithLatitude:40 longitude:-80 zoom:7]];

检查地图功能

数据集的数据驱动型样式需要使用在 Google Cloud 控制台,并且与地图 ID 相关联。由于地图 ID 受 更改,您可以调用 mapView.mapCapabilitiesGMSMapView 用于验证特定功能(例如数据驱动型样式) 然后再调用它

您还可以通过订阅 GMSViewDelegate。 此示例展示了如何使用协议来检查数据驱动型样式设置 要求。

Swift

class SampleViewController: UIViewController {

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

  override func loadView() {
    self.view = mapView
    mapView.delegate = self
  }
}

extension SampleViewController: GMSMapViewDelegate {
  func mapView(_ mapView: GMSMapView, didChange mapCapabilities: GMSMapCapabilityFlags) {
    if (!mapCapabilities.contains(.dataDrivenStyling)) {
      // Data-driven styling is *not* available, add a fallback.
      // Existing feature layers are also unavailable.
    }
  }
}

Objective-C

@interface SampleViewController: UIViewController <GMSMapViewDelegate>
@end

@implementation SampleViewController
- (void)loadView {
  GMSMapView *mapView = [GMSMapView mapWithFrame:CGRectZero mapID:[GMSMapID mapIDWithIdentifier:@"MAP_ID"] camera:[GMSCameraPosition cameraWithLatitude:40 longitude:-80 zoom:7]];
  mapView.delegete = self;
  self.view = mapView;
}

- (void)mapView:(GMSMapView *)mapView didChangeMapCapabilities:(GMSMapCapabilityFlags)mapCapabilities {
  if (!(mapCapabilities & GMSMapCapabilityFlagsDataDrivenStyling)) {
    // Data-driven styling is *not* available, add a fallback.
    // Existing feature layers are also unavailable.
  }
}
@end

后续步骤