> ## Documentation Index
> Fetch the complete documentation index at: https://private-7c7dfe99-mintlify-8c05c8a2.mintlify.site/llms.txt
> Use this file to discover all available pages before exploring further.
# 服务地图
> 使用 ClickStack 服务地图可视化服务依赖关系和请求流向。
export const Video = ({src, width = '100%', autoPlay = true, loop = true, muted = true, playsInline = true, ...rest}) => {
const base = typeof window !== 'undefined' && window.location.pathname.startsWith('/docs') ? '/docs' : '';
const fullSrc = src && src.startsWith('/') ? base + src : src;
return ;
};
export const Image = ({img, alt, size}) => {
return
;
};
export const galaxyOnClick = eventName => () => {
try {
if (typeof window !== "undefined" && window.galaxy && eventName) {
window.galaxy.track(eventName, {
interaction: "click"
});
}
} catch (e) {}
};
export const BetaBadge = ({link, galaxyTrack, galaxyEvent}) => {
if (link) {
return
Beta
;
}
return ;
};
服务地图可直观展示各个服务之间的交互关系。ClickStack 通过在同一个 trace 中匹配客户端 span (出站请求) 和服务端 span (入站请求) 来构建该图，从而重建服务之间的请求路径。
点击左侧导航面板中的 **Service Map** 以打开完整图谱。使用 OpenTelemetry [摄取链路追踪数据](/zh/clickstack/ingesting-data) 后，服务就会显示出来。
## 探索服务地图
每个节点代表一个服务，由 `service.name` 资源属性标识。边 (虚线) 用于连接服务：当一个服务中的客户端 span 与另一个服务中的服务端 span 匹配时，就会显示一条连接。节点大小反映相对流量，红色节点表示在所选时间范围内出现错误的服务。
地图上方的工具栏可用于过滤和调整视图。
**数据源选择器** — 将地图过滤为特定的链路追踪数据源 (例如“ClickPy Traces”) 。
**采样滑块** — 调整采样率，以平衡性能和准确性。在高流量集群上，较低的采样率加载速度更快。
**日期范围选择器** — 设置用于构建地图的链路追踪数据时间窗口。
使用地图左下角的 **+/-** 按钮，或滚动鼠标滚轮即可放大和缩小。
## trace 级服务地图
查看单个 trace 时，聚焦式服务地图会显示该请求在各个服务之间的流转路径。这样，你无需离开 trace 瀑布图，就能查看单次请求的拓扑。