设置缩放级别样式
使用集合让一切井井有条
根据您的偏好保存内容并对其进行分类。
适用范围:此功能在 Android、iOS、JavaScript 和 Maps Static 中提供。
您可以在用户查看地图时所用的缩放级别下突出显示地图项,提供更符合用户需求的地图体验。例如,您可以在用户放大查看特定位置时,突出显示相关地图注点或道路。
您可以为地图项元素设置样式,使其在地图的所有缩放级别都显示相同的效果;对于某些元素,您可以针对不同的缩放级别创建不同的样式。
并非所有地图项都支持自定义缩放级别。如果相应地图项元素支持设置缩放级别样式,右侧会显示一个菱形图标。
了解缩放级别样式
缩放级别的范围为 0 到 22,0 表示缩小到最低级别(显示整个世界),22 表示放大到最高级别(详细显示地图上的一小部分)。Keyzoom 是您希望开始应用新样式的起始缩放级别。
当您为地图项设置不同缩放级别的样式时,相应样式将应用于所有更高的缩放级别(放得更大的级别),直至遇到另一个缩放级别样式。系统总是会为缩放级别 0 添加当前样式。
例如,如果您针对缩放级别 5 和 10 设置样式:
- 缩放级别 5 的样式将应用于缩放级别 5-9。
- 缩放级别 10 的样式将应用于缩放级别 10-22。
- 缩放级别 0-4 则保留当前样式。
如果您为地图项自定义缩放级别样式,该样式会覆盖整个地图项的所有自定义样式。
自定义不同的缩放级别
在 Cloud 控制台中,前往地图样式页面,然后根据需要选择项目。
创建或打开一个地图样式,然后选择在样式编辑器中自定义。如需了解详情,请参阅创建地图样式。
在地图项窗格中,选择要自定义的地图项。系统会打开一个窗格,显示支持自定义的元素。
在要添加缩放级别样式的元素旁边,选择右侧的缩放菱形图标,打开缩放级别样式设置窗格。
在当前缩放级别旁边,选择您要调整的缩放级别
自定义。预览地图即会调整到该缩放级别。
选择添加 Keyzoom。缩放级别样式设置窗格在
选定的缩放级别,并显示相应的默认基本地图值。
设置此缩放级别的样式,并根据需要为缩放级别 0 和任何其他级别设置样式
列出默认缩放级别。
若要设置其他缩放级别的样式,请更改当前缩放级别,然后再次选择添加 Keyzoom,在列表中添加其他缩放级别。继续添加和设置缩放级别样式,直至完成。
完成后,关闭缩放级别样式设置窗格。
覆盖元素的默认基本地图颜色值
如果您想覆盖地图的所有默认基本地图颜色值
地图项元素,请先在元素窗格中设置元素的样式。
当您向该元素添加 keyzoom 时,keyzoom 会使用您设置的元素颜色
值,而不是默认的基本地图颜色值。
保存并发布缩放级别样式
若要保存地图样式更改,请选择保存。
若要将更改应用到与地图样式关联的地图 ID,请选择发布。
移除缩放级别样式
在地图项窗格中,选择要自定义的地图项。
在要移除缩放级别样式的元素旁边,选择右侧的小菱形缩放图标。具有缩放级别样式的元素会显示一个蓝色的实心菱形图标。
在您要删除的缩放级别旁边,选择减号图标以
删除它。
选择 X 图标关闭缩放级别样式设置窗格。
移除所有缩放级别样式
如果您想移除该地图项元素中的所有自定义样式,
在“元素”窗格中,选择元素名称旁边的减号图标。
如未另行说明,那么本页面中的内容已根据知识共享署名 4.0 许可获得了许可,并且代码示例已根据 Apache 2.0 许可获得了许可。有关详情,请参阅 Google 开发者网站政策。Java 是 Oracle 和/或其关联公司的注册商标。
最后更新时间 (UTC):2024-08-03。
[{
"type": "thumb-down",
"id": "missingTheInformationINeed",
"label":"没有我需要的信息"
},{
"type": "thumb-down",
"id": "tooComplicatedTooManySteps",
"label":"太复杂/步骤太多"
},{
"type": "thumb-down",
"id": "outOfDate",
"label":"内容需要更新"
},{
"type": "thumb-down",
"id": "translationIssue",
"label":"翻译问题"
},{
"type": "thumb-down",
"id": "samplesCodeIssue",
"label":"示例/代码问题"
},{
"type": "thumb-down",
"id": "otherDown",
"label":"其他"
}]
[{
"type": "thumb-up",
"id": "easyToUnderstand",
"label":"易于理解"
},{
"type": "thumb-up",
"id": "solvedMyProblem",
"label":"解决了我的问题"
},{
"type": "thumb-up",
"id": "otherUp",
"label":"其他"
}]
{"lastModified": "\u6700\u540e\u66f4\u65b0\u65f6\u95f4 (UTC)\uff1a2024-08-03\u3002"}
[[["易于理解","easyToUnderstand","thumb-up"],["解决了我的问题","solvedMyProblem","thumb-up"],["其他","otherUp","thumb-up"]],[["没有我需要的信息","missingTheInformationINeed","thumb-down"],["太复杂/步骤太多","tooComplicatedTooManySteps","thumb-down"],["内容需要更新","outOfDate","thumb-down"],["翻译问题","translationIssue","thumb-down"],["示例/代码问题","samplesCodeIssue","thumb-down"],["其他","otherDown","thumb-down"]],["最后更新时间 (UTC):2024-08-03。"]]