入门

请选择平台: Android iOS JavaScript

若要为边界使用数据驱动型样式,您必须创建地图 ID。接下来, 必须创建新的地图样式,选择所需的边界地图项图层, 将样式与您的地图 ID 相关联。

创建地图 ID

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

Google Cloud 控制台的屏幕截图

创建新的地图样式

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

选择地图项图层

在 Google Cloud 控制台中,您可以选择要显示的地图项图层,这个 可确定在地图上显示的边界类型(例如市行政区、 状态等等)。

管理地图项图层

  1. 在 Google Cloud 控制台中,前往“地图样式” 页面

  2. 根据系统提示选择一个项目。

  3. 选择地图样式。

  4. 点击地图项图层下拉菜单,添加或移除图层。

  5. 点击保存,从而保存您所做的更改并使其可在地图中使用。

显示
下拉菜单中。

更新地图初始化代码

此步骤需要将地图 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]];

向地图添加地图项图层

如需获取对地图上的地图项图层的引用,请在地图初始化时调用 mapView.featureLayer(of:)

Swift

let layer = mapView.featureLayer(of: .locality)

Objective-C

GMSFeatureLayer *layer = [mapView featureLayerOfFeatureType:GMSFeatureTypeLocality];

检查地图功能

边界的数据驱动型样式需要用到 Google Cloud 控制台,并且与地图 ID 相关联。由于地图 ID 受 更改,您可以在 mapView.mapCapabilities 上调用 GMSMapView,用于验证特定功能(例如 数据驱动型样式)可用。

您还可以通过订阅 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