创建和使用地图样式

请选择平台: Android iOS JavaScript 网络服务

地图样式是一组用于设置地图项的可视化自定义项,您可以将地图样式与地图 ID 相关联。然后,您可以在应用代码中引用该地图 ID,以显示自定义的地图。

您可以先创建地图样式,然后再创建地图 ID;不过,若要使用该样式,您必须将其与地图 ID 相关联。若要使用地图样式,您必须执行以下所有步骤:

  1. 创建并发布地图样式。如需了解详情,请参阅创建样式发布样式

  2. 创建地图 ID。如需了解详情,请参阅创建地图 ID

  3. 将地图样式与地图 ID 相关联。如需了解详情,请参阅将地图 ID 与地图样式相关联

  4. 为您的应用添加地图 ID,以显示样式。如需了解详情,请参阅为您的应用添加地图 ID

创建地图样式

您可以使用下列任意一种方法来创建地图样式:

  • 使用默认的 Google 地图样式创建新样式。

  • 复制并修改现有的标准样式或自定义样式。

创建新样式

  1. 在 Google Cloud 控制台中,前往地图样式页面,然后根据需要选择项目。

  2. 地图样式页面中,选择创建样式

  3. 在底部,选择在样式编辑器中打开

  4. 选择地图项并更改其样式,以创建您需要的地图样式。使用自定义样式的地图项旁边会有一个实心蓝点。

  5. 选择保存

  6. 保存并发布地图样式框中,输入样式的名称和说明(可选),然后选择保存

系统即会自动发布相应样式,并且您会看到此新样式的主页面。

复制样式

  1. 前往地图样式页面,然后根据需要选择项目。

  2. 选择一个现有样式。

  3. 在样式页面中,选择复制

  4. 复制地图样式框中,输入新的地图名称和说明(可选)。

  5. 选择保存

    系统即会自动发布相应样式,并且您会看到此新样式的主页面。将其与地图 ID 相关联,以便在地图中使用。如需了解详情,请参阅将地图 ID 与地图样式相关联

  6. 如果您想修改样式,请选择自定义样式,进行更改,然后选择保存

发布样式

当您首次创建新地图样式(包括复制现有样式或导入 JSON 样式)时,系统会自动发布新地图样式的第一个实例。之后,您可以将更改内容保存为草稿,直到满意后再发布。

  1. 更改要发布的地图样式或复制的地图样式。如需了解详情,请参阅更改样式

  2. 在更改过程中,选择保存

  3. 如果您已准备好发布样式,让所做的更改应用到使用该地图样式的所有地图 ID,请依次选择保存发布

已发布的地图样式与草稿地图样式

已发布:地图样式一经发布便会生效。任何使用相应样式的地图显示的都是该样式的已发布版本。

草稿:草稿版样式是仍在制作中的地图样式,发布前不会在地图上显示。

更改样式

如果您想要更改地图样式,可以直接在样式编辑器中进行更改。您可以通过以下几种方式来更新样式:

  • 如果希望作出的更改在准备就绪后立即生效:选择自定义样式,然后进行更改。选择保存将更改内容保存为草稿,在准备好发布时选择发布

  • 如果想先在测试环境中测试更改:先复制样式,不要直接在地图样式中进行更改。如需了解详情,请参阅复制样式测试地图样式更新

创建地图样式后,您可以通过以下任一方式在样式的主页面上对其进行更改:

  • 修改:选择自定义样式

  • 复制:如需了解详情,请参阅复制样式

  • 重命名:对地图样式进行重命名。

  • 删除:删除地图样式。

  • 添加地图 ID:将地图 ID 与样式相关联。

为样式关联或移除地图 ID

您可以将样式与多个地图 ID 相关联,因为相同的样式可应用到多个 Google 地图应用。不过,一个地图 ID 只能与一个样式相关联。

  1. 地图样式页面上,选择某个样式。

  2. 选择添加地图 ID修改地图 ID

  3. 修改地图 ID 中,选中相应地图 ID 旁边的复选框,以将其与此样式相关联。若要移除某个地图 ID,请取消选中相应复选框来移除关联。

  4. 选择保存

若要使用云端地图样式,请将地图 ID 添加到应用

预览地图的导航操作方式与 Google 地图一样:

  • 搜索地址框中输入某个地址或位置。

  • 点击罗盘图标,使地图以您所在的位置为中心。您可能还需要授予位置信息权限。

  • 拖动可移动地图。

  • 使用加号 (+) 和减号 (-) 可放大或缩小地图。

查找地图项

若要查找特定地图项,以便为其添加样式,请在地图项下的过滤条件框中输入相关字词。

您也可以展开和收起地图项类别以查找所需的地图项。

如果您找不到某个地图项:

  • 请勿使用复数形式。所有类别名称均为单数形式。

  • 尝试使用更宽泛的描述来查找地图项,例如搜索“餐馆”而非“披萨店”或“快餐店”。

  • 尝试使用更广泛的类别,然后探索相应类别中最接近的地图项。例如搜索“娱乐”而非“影剧院”。

  • 若要浏览地图项列表,请参阅您可以在地图上设置哪些元素的样式