通过将 Customix 与 Mapbox 集成，街道地图功能可让您创建基于地图的个性化商品。顾客在设计商品时可以输入自己的地点，还可以选择使用您的自定义地图样式。
1. 将 Customix 连接到您的 Mapbox 账户
首先登录您的 Mapbox 账户：https://console.mapbox.com/，然后在 Token 部分创建并复制一个公共令牌（public token）：
进入设置 → 服务，在可用服务下找到 Mapbox，并输入您的 Mapbox 访问令牌。连接成功后，卡片会显示绿色的已连接状态。
2. 将地图样式保存到素材库
仅当您希望顾客在店铺前台的多种地图样式之间进行选择时才需要完成此步骤。如果只需要一种样式，请跳过。
- 进入素材 → 地图。
- 点击添加地图 → 添加文件夹，为文件夹命名（例如 Map Styles），然后打开它。
- 点击添加地图，然后选择添加地图选项
- 在 Mapbox Studio 中，打开您想要的样式 → Share → Production → 向下滚动到 Developer resources，复制样式 URL（Style URL）（
mapbox://styles/...）。
- 将其粘贴到 Customix 的地图样式 URL字段中，然后点击保存。
对您想提供的每种样式重复以上操作。
3. 将街道地图元素添加到模板
- 打开模板，点击左侧边栏中的元素图标。
- 选择街道地图。该元素会添加到画布上，其设置显示在右侧。
- 在内容下配置初始位置：输入坐标，或点击在地图上选择。
- 在地图样式中，选择一个默认样式（Streets、Satellite、Outdoors、Light、Dark），或选择自定义：
如果选择自定义，请回到 Mapbox Studio → 打开该样式 → Share → 复制Preview only URL（https://api.mapbox.com/styles/v1/...），将其粘贴到自定义地图样式 URL字段中，然后点击应用样式
4. 启用顾客个性化
在街道地图设置的个性化部分：
- 用地点个性化：勾选后，顾客可在店铺前台搜索并选择自己的地址。您可以设置标签（例如 Your address）和可选的帮助文本。
- 用地图样式个性化：勾选后，顾客可在多种地图样式之间进行选择。在弹出的窗口中，选择您在步骤 2 中创建的文件夹（例如 Map Styles），然后点击完成
保存模板。街道地图元素现已在您的店铺前台就绪，顾客可以输入自己的地点，并在启用的情况下选择自己喜欢的地图样式：
5. 街道地图蒙版
如果想以自定义形状显示街道地图，可以使用蒙版功能。上传蒙版后，地图会自动调整为与所上传蒙版相同的形状。
更新于：23/09/2026