教程 - 突出显示道路网
使用集合让一切井井有条
根据您的偏好保存内容并对其进行分类。
本教程为您详细介绍了如何创建和使用突出显示道路网的地图样式:
创建并发布地图样式,使其可供使用。
创建并关联地图 ID,以便在应用和网站中使用自己的样式。
将地图 ID 添加到应用和网站,以便使用地图样式。
第 1 步:创建并发布地图样式
选择采用样式设置预览版。
前往 Google Maps Platform,然后选择地图样式。根据需要选择或创建项目。
选择创建样式。
在顶部选择选择采用,即可改用新的云端样式预览版。
为道路网设置样式
在页面底部,选择在样式编辑器中打开。
在地图项类型下,选择基础设施,然后选择道路网。
在右侧弹出的面板中,找到多段线下方的填充颜色,然后勾选旁边的复选框。
选择一种醒目的颜色。如果更改颜色,系统会自动选中填充颜色旁边的复选框。
在 描边粗细下方,拖动滑块以将描边粗细设置为 5。
放大和缩小地图以查看更改的效果。由于您选择的地图项在层次结构中的位置相对较高,所以其下层的所有道路类型都沿用了您的更改。
保存并发布地图样式
选择右上角的保存。
在保存并发布地图样式中,输入地图样式的名称和(可选)说明。
选择保存。您的地图样式即会保存并发布。
第 2 步:创建和关联地图 ID
借助地图 ID,您可以在应用和网站上使用地图样式。您对样式所做的更改会在发布后即时生效,因此无需更新软件或应用。
创建地图 ID
还是在 Google Maps Platform 上,选择地图管理。
在顶部选择创建地图 ID。
为地图 ID 添加名称和(可选)说明。
为地图 ID 选择地图类型,具体取决于您要在哪里使用该地图样式。
在页面底部,选择保存。系统即会创建您的地图 ID。
将地图 ID 与地图样式相关联
在关联的地图样式下,选择您在上述步骤中创建的地图样式。
选择保存。您的地图 ID 现在已与地图样式相关联。
第 3 步:将地图 ID 添加到应用或网站
现在,您已经有了一个与已发布的地图样式相关联的地图 ID,您可以将其添加到应用或网站中,并进行测试,以确保它按预期运行。
若要详细了解如何添加地图 ID,请参阅将地图 ID 添加到地图。
后续步骤
下面列举了一些接下来您可以执行的操作:
如未另行说明,那么本页面中的内容已根据知识共享署名 4.0 许可获得了许可,并且代码示例已根据 Apache 2.0 许可获得了许可。有关详情,请参阅 Google 开发者网站政策。Java 是 Oracle 和/或其关联公司的注册商标。
最后更新时间 (UTC):2023-12-07。
[{
"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)\uff1a2023-12-07\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):2023-12-07。"]]