了解模式和地图类型

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

两个应用界面,显示了深色模式和浅色模式下的地图

本文档介绍了自定义样式与浅色模式和深色模式之间的概念关系,并定义了不同的地图类型以及如何将样式应用于这些地图类型。

如需开始使用自定义样式,请参阅创建新样式

了解浅色模式和深色模式

您可以为单个地图 ID 创建两种不同的样式:一种针对浅色背景进行了优化,另一种针对深色背景进行了优化。浅色背景地图使用的基本地图与深色背景地图不同。因此,您不能将一种样式用于两种模式。

浅色模式和深色模式样式可为不同的环境提供最合适的样式地图。在应用中使用地图 ID 时,您的应用可以根据编程行为或用户的设备设置加载相应的样式。

创建样式时选择浅色模式或深色模式

创建或复制样式时,您可以选择浅色模式或深色模式。创建样式后,您无法更改其模式。

您可以在样式详情页面 中查看样式类型。

如需了解创建自定义样式的分步说明,请参阅创建和使用地图 样式

将一种浅色模式样式和一种深色模式样式与地图 ID 相关联

一个地图 ID 仅支持一种浅色模式样式和一种深色模式样式。当您 点击 修改 图标以更改 浅色模式样式或深色模式样式时,面板只会显示 该模式的样式。如需了解详情,请参阅将样式与地图 ID相关联。

了解如何将自定义样式应用于多种地图类型

Google Maps Platform 提供不同的地图类型来满足各种应用场景,包括 roadmapterrain2D hybrid3D hybridnavigation。自定义级别取决于地图是仅基于矢量数据(例如 roadmapnavigation)、使用矢量数据和光栅图像的组合(例如 2D hybridterrain),还是使用光栅图像、3D 多边形和矢量图像的组合(例如 3D hybrid)。

以粉色水为样式的路线图,但对于地形图、2D 混合地图和 3D 混合地图,水显示为默认颜色。

矢量数据地图
roadmap”和“navigation”地图类型仅使用 矢量数据,这让您可以全面设置大多数地图项的样式,包括 陆地和水域的多边形、道路、地标和地图注点。
光栅图像地图
terrain”、“2D hybrid”和“3D hybrid” 地图类型主要使用光栅图像,并在其上叠加矢量数据。因此,它们的样式设置功能有限。您通常只能设置叠加在图像上的 矢量数据的样式,例如标签、图钉和一些 多段线(即道路、边界)。您无法自定义属于基础图像的地图项,例如湖泊的颜色或山脉的外观。
例如,该图片显示了路线图,其中水域的自定义样式为粉色。 但是,当您预览地形图和混合地图类型的样式时,水域 不会显示为粉色。

地图类型定义和模式支持

下表定义了地图类型,并显示了哪些地图类型支持浅色模式和深色模式。

地图类型 说明 基本地图图像 模式支持
roadmap 显示道路和主要地图项的标准地图视图。 矢量 共同主导
navigation 一种专门针对使用 Navigation SDK 的逐向导航进行了优化的地图类型。如需详细了解导航,请参阅 Navigation SDK for AndroidNavigation SDK for iOS的自定义地图样式概览。 矢量 共同主导
terrain 一种强调山脉、河流和海拔等自然地形地图项的地图。 光栅 共同主导
2D hybrid 卫星图像和路线图数据的组合,在图像上叠加显示街道名称和其他主要地图项。 光栅 仅浅色模式
3D hybrid 一种逼真的 3D 地图,您可以在其中设置地图注点标签、道路和路标的可见性。此地图类型仅在 Maps JavaScript API 的 3D 地图中提供。 矢量和光栅 仅浅色模式

光栅图像地图的样式注意事项

设置 terrain2D hybrid3D hybrid 地图类型的样式时,您可能会看到以下行为:

  • 在 Android 和 iOS 上使用 terrain 地图类型时,您可能会注意到水域暂时闪烁。这是预期行为,因为在设置水域样式时,路线图图块会在地形图块之后加载。 这种延迟加载会导致自定义颜色出现短暂的视觉冲突。

  • 多边形样式可能会遮盖 terrain2D hybrid 地图类型中的底层地图元素。例如,地形图上的风格化公园多边形可能会隐藏细微的地形地图项。在 2D 混合地图上,它可能会隐藏底层卫星图像。

  • 对于 3D hybrid,道路多段线可能会在桥梁下方渲染,或者在立交桥和地下通道周围显示不正确。

  • 对于 3D hybrid 地图类型,您无法修改用于 控制地图注点密度 以及建筑物地标样式的地图设置。

在每种地图类型上预览样式

创建自定义样式后,请在不同的地图类型上对其进行测试,以了解它们的应用方式。这一点尤其重要,因为并非所有样式都适用于所有地图类型。

在 Google Cloud 控制台中,您可以在样式编辑器或地图详情页面中预览自定义样式,如下所示:

  • 样式编辑器:在上下文面板中,选择Map type下拉 列表并更改地图类型。地图会刷新并显示应用了样式的地图类型。
  • 地图详情页面 :在地图预览 部分中,您可以在浅色模式和深色模式样式之间切换,并在下拉列表中将变体更改为不同的地图类型。您必须先将样式与地图 ID 相关联,然后才能预览该样式。

将自定义样式应用于多种地图类型

在地图详情页面中,将浅色模式和深色模式样式与地图 ID 关联后,点击 显示更多 以选择是否将自定义样式应用于多种地图类型。您可以在地图预览 部分中再次查看样式在地图类型中的应用方式。