在移动设备上预览新版详细地图

通过使用新的卫星颜色映射技术，我们能够在 Google 地图应用、网站和 Google Maps Platform 云样式地图上提供内容更详细、色彩更丰富的体验。

2022 年 5 月，所有途径和 SDK 版本都将默认支持这种新版基本地图，包括使用 Maps SDK for Android 和 Maps SDK for iOS 加载的地图。如需详细了解新版详细地图，请参阅我们的博文。

如果您目前正在使用基于 JSON 的样式自定义地图，并希望提前测试这些样式在新版详细地图中的呈现效果，则可以使用下文详述的方案之一。

通过创建地图样式进行预览

如果您已经在使用基于 JSON 的样式，我们建议您利用 JSON 样式导入工具将 JSON 样式定义转换为地图样式，从而改用基于云的地图样式。

在 Google Cloud Console 中创建新的地图样式时，样式编辑器将使用新版详细地图显示您的自定义样式。基于网络的地图渲染程序与将来在移动设备上用来呈现新版详细地图的渲染程序相同，因此您可以确信自定义样式在样式编辑器中的外观与新版详细地图成为移动设备上的默认地图时的外观非常接近。

按移动设备的外形规格进行预览

如果您希望预览您的自定义样式在移动设备上的显示效果，您可以在 Chrome 开发者工具中通过设备模式预览该样式。“设备模式”是 Chrome 开发者工具中的一些功能的统称，可帮助您模拟移动设备，尤其是在移动设备视口内的呈现效果。

如需使用“设备模式”查看您的自定义样式，请将基于 JSON 的样式转换为地图样式，然后执行以下操作：

  1. 在 Google Cloud Console 的 [地图样式页面] 中，在样式编辑器中打开地图样式，然后点击“自定义样式”。地图会按照您的自定义样式在样式编辑器中打开。

    自定义地图

  2. 依次选择“查看”>“开发者”>“开发者工具”，打开 Chrome DevTools。Chrome DevTools 将在 Google Chrome 浏览器中打开。

    chrome_devtools

  3. 点击地图上的全屏图标，以全屏模式打开地图。地图将在全屏模式下打开。

    全屏图标

  4. 点击 Chrome DevTools 中的“设备模式”图标。地图将以移动设备的形式显示。您可以在浏览器窗口顶部的“维度”下拉菜单中选择不同的移动设备类型。

    设备模式图标

设备模式