使用地图 ID

地图 ID 是表示单个 Google 地图实例的唯一标识符。您可以使用地图 ID 在网站和应用中启用地图项，或管理或设置地图样式。您可以在 Google Cloud 控制台项目的地图管理页面中，为所需的每个平台（JavaScript、Android、iOS 或静态地图）创建地图 ID。

地图 ID 的用途

使用地图 ID 启用地图项和样式。以下是一些关于如何使用地图 ID 的示例。如需查看完整列表，请参阅使用地图 ID 的功能：

• 云端地图样式设置：将地图 ID 与地图样式相关联，以便使用 Google Cloud 控制台设置地图样式、自定义和管理地图。适用于所有平台：JavaScript、Android、iOS 和 Maps Static API。

• 矢量地图：使用地图 ID 使用由基于矢量的图块组成的地图，这些图块会在加载时使用 WebGL 在客户端绘制。适用于 JavaScript。

• 高级标记：使用地图 ID 启用高级标记。适用于 JavaScript、Android 和 iOS。

云端地图样式设置示例

如需使用云端地图样式设置为网站和 Android 应用中的地图设置样式，请按以下步骤操作：

1. 为您使用的每个平台创建地图 ID。例如，创建一个 JavaScript 地图 ID 和一个 Android 地图 ID。如需了解详情，请参阅创建地图 ID。

2. 在 Google Cloud 控制台中配置地图样式。如需了解详情，请参阅云端地图样式设置。

3. 在 Google Cloud 控制台中将您的两个地图 ID 与地图样式相关联。如需了解详情，请参阅将地图 ID 与您的样式相关联。

4. 在网站 JavaScript 和 Android 应用代码中引用地图 ID。 如需了解详情，请参阅将地图 ID 添加到应用。

然后，与您的地图 ID 关联的地图样式就会显示在您的网站和 Android 应用中。您可以在 Cloud 控制台中更新地图样式，所做更改会自动显示在这两个位置，而无需客户进行任何应用更新。

使用地图 ID 的功能

下表显示了使用地图 ID 的 Google Maps Platform 地图项和 API：

¹ 在 Maps SDK for Android 或 Maps SDK for iOS 中使用地图 ID 会触发地图加载，该加载需支付动态地图 SKU 的费用。

如何创建和使用地图 ID

地图 ID 是表示单个 Google 地图实例的唯一标识符。您可以在 Cloud 控制台中创建地图 ID 并更新与地图 ID 相关联的地图样式。

所需权限

如需在项目中创建或管理任何地图 ID，您必须在项目的 Cloud 控制台 IAM 页面上使用具有相应角色级权限（“编辑者”或“所有者”）的主账号。如需了解详情，请参阅 IAM 基本角色和预定义角色参考文档。

创建地图 ID

您可以随时在 Cloud 控制台中创建地图 ID 并更新与之关联的样式。

如需创建地图 ID，请按以下步骤操作：

1. 登录并打开具有所需权限的 Cloud 控制台项目。

2. 在 Cloud 控制台中，前往“地图管理”页面。

3. 选择创建地图 ID。

   

4. 在创建新的地图 ID 页面上，执行以下操作：

   1. 在名称中，为地图 ID 指定名称。
   2. 可选：对于说明，请说明地图 ID 的用途。
   3. 对于地图类型，选择您计划在哪个平台上使用地图 ID。如果您选择了 JavaScript，还需要选择光栅（默认）或矢量地图类型。如需详细了解矢量地图，请参阅矢量地图。
   4. 选择保存，系统会显示您的新地图 ID。

将地图 ID 与地图样式相关联

以下说明假定您的项目中已有至少一个地图样式。如果您没有任何地图样式，请参阅云端地图样式设置，然后选择您的平台，了解如何创建地图样式。

1. 在 Cloud 控制台中，前往“地图管理”页面。
2. 从表格中选择一个现有的地图 ID。
3. 在关联的地图样式下，选择一个地图样式。

4. 选择保存。

   

为您的应用添加地图 ID

<?xml version="1.0" encoding="utf-8"?>
<resources>
<string name="map_id">MAP_ID</string>
</resources>

<fragment xmlns:map="http://schemas.android.com/apk/res-auto"
    map:name="com.google.android.gms.maps.SupportMapFragment"
    …
    map:mapId="@string/map_id" />

<com.google.android.gms.maps.MapView
    xmlns:android="http://schemas.android.com/apk/res/android"
    ....
    map:mapId="@string/map_id" />

 MapFragment mapFragment = MapFragment.newInstance(
     new GoogleMapOptions()
         .mapId(getResources().getString(R.string.map_id)));

 val mapFragment = MapFragment.newInstance(
     GoogleMapOptions()
         .mapId(resources.getString(R.string.map_id))
 )

let camera = GMSCameraPosition(latitude: 47.0169, longitude: -122.336471, zoom: 12)
let mapID = GMSMapID(identifier: "MAP_ID")
let mapView = GMSMapView(frame: .zero, mapID: mapID, camera: camera)
self.view = mapView

GMSCameraPosition *camera = [GMSCameraPosition cameraWithLatitude:47.0169
                                                        longitude:-122.336471
                                                             zoom:12];
GMSMapID *mapID = [GMSMapID mapIDWithIdentifier:@"MAP_ID"];
GMSMapView *mapView = [GMSMapView mapWithFrame:CGRectZero mapID:mapID camera:camera];
self.view = mapView;

map = new google.maps.Map(document.getElementById('map'), {
center: {lat: -34.397, lng: 150.644},
zoom: 8,
mapId: 'MAP_ID'
});

<img src="https://maps.googleapis.com/maps/api/staticmap?center=Brooklyn+Bridge,New+York,NY&zoom=13&size=600x300&maptype=roadmap&markers=color:blue%7Clabel:S%7C40.702147,-74.015794&markers=color:green%7Clabel:G%7C40.711614,-74.012318&markers=color:red%7Clabel:C%7C40.718217,-73.998284&key=YOUR_API_KEY&map_id=MAP_ID&signature=YOUR_SIGNATURE" />