Cloud-based maps styling now has a refreshed map style available for web and mobile. This update to map styling includes a new default color palette, modernized pins, and improvements to map experiences and usability. For more information, see
New map style for Google Maps Platform . To start using the new map colors with cloud-based maps styling, see
Update a map style to the latest version .
发送反馈
教程 - 突出显示道路网
使用集合让一切井井有条
根据您的偏好保存内容并对其进行分类。
如需在 Android 上使用云端地图样式设置,您必须使用最新的 Maps SDK for Android 渲染程序。查看相关操作说明 。
本教程为您详细介绍了如何创建和使用突出显示道路网的地图样式:
创建并发布地图样式 ,使其可供使用。
创建并关联地图 ID ,以便在应用和网站中使用自己的样式。
将地图 ID 添加到应用和网站 ,以便使用地图样式。
第 1 步:创建并发布地图样式
打开云端地图样式设置
前往 Google Maps Platform,然后选择地图样式 。根据需要选择或创建项目。
选择创建样式 。
在页面底部,选择在样式编辑器中打开 。
为道路网设置样式
在地图项 下,展开基础设施 ,然后选择道路网 。
在右侧弹出的面板中,找到多段线 下方的填充颜色 ,然后选中颜色框。
选择一种醒目的颜色。如果更改颜色,系统会自动选中填充颜色 旁边的复选框。
注意: 地图项旁边会出现一个实心圆点,表示它具有自定义样式。
在 描边粗细 下方,拖动滑块以将描边粗细设置为 5。
放大和缩小地图以查看更改的效果。由于您选择的地图项在层次结构中的位置相对较高,所以其下层的所有道路类型都沿用了您的更改。
保存并发布地图样式
选择右上角的保存 。
在保存并发布地图样式 中,输入地图样式的名称和(可选)说明。
选择保存 。您的地图样式即会保存并发布。
注意: 您首次保存地图样式时,系统会自动将其发布,因为这是第一个版本。之后更新地图样式时,您可以随时将更改内容保存为草稿,更改全部完成后,在想要更新样式时再发布。
第 2 步:创建和关联地图 ID
借助地图 ID,您可以在应用和网站上使用地图样式。如果您更改与某地图 ID 关联的地图样式,相应样式更改将在您发布样式后生效,因此无需更新软件或应用。
创建地图 ID
在 Google Maps Platform 上,选择地图管理 。
在顶部选择创建地图 ID 。
为地图 ID 添加名称和(可选)说明。
为地图 ID 选择地图类型,具体取决于您要在哪里使用该地图样式。
注意: 如果您想要针对不同类型的应用或网站使用地图样式,请为每种类型创建一个新的地图 ID,然后将它们全部都关联到相同的地图样式。
在页面底部,选择保存 。系统即会创建您的地图 ID。
将地图 ID 与地图样式相关联
在关联的地图样式 下,选择您创建的地图样式。
提示: 请注意,出现实心蓝点表明此地图项现在具有自定义样式。
选择保存 。您的地图 ID 现在已与地图样式相关联。
第 3 步:将地图 ID 添加到应用或网站
现在,您已经有了一个与已发布的地图样式相关联的地图 ID,您可以将其添加到应用或网站中,并进行测试,以确保它按预期运行。
若要详细了解如何添加地图 ID,请参阅将地图 ID 添加到地图 。
后续步骤
下面列举了一些接下来您可以执行的操作:
发送反馈
如未另行说明,那么本页面中的内容已根据知识共享署名 4.0 许可 获得了许可,并且代码示例已根据 Apache 2.0 许可 获得了许可。有关详情,请参阅 Google 开发者网站政策 。Java 是 Oracle 和/或其关联公司的注册商标。
最后更新时间 (UTC):2024-05-10。
[{
"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-05-10\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-05-10。"]]