要显示从API生成的网站地图，您可以使用Angular的HTTP模块来从API获取数据并将其显示在页面上。以下是一个简单的示例：

1. 首先，确保您已经安装了Angular CLI并创建了一个新的Angular项目。

2. 在你的项目中创建一个新的组件，比如SiteMapComponent。

3. 在SiteMapComponent中导入HttpClient和OnInit接口，并注入HttpClient。

import { Component, OnInit } from '@angular/core';
import { HttpClient } from '@angular/common/http';

@Component({
  selector: 'app-site-map',
  templateUrl: './site-map.component.html',
  styleUrls: ['./site-map.component.css']
})
export class SiteMapComponent implements OnInit {
  siteMapData: any[];

  constructor(private http: HttpClient) { }

  ngOnInit(): void {
    this.getSiteMapData();
  }

  getSiteMapData(): void {
    this.http.get('your-api-url')
      .subscribe(data => {
        this.siteMapData = data;
      });
  }
}

4. 在SiteMapComponent的模板文件site-map.component.html中，使用*ngFor指令遍历siteMapData并显示地图数据。

  

    {{item.name}}
  

请注意，上述代码中的your-api-url应该替换为您实际的API地址。

5. 在您的应用程序的主模块文件（如app.module.ts）中，导入HttpClientModule并将其添加到imports数组中。

import { HttpClientModule } from '@angular/common/http';

@NgModule({
  imports: [
    HttpClientModule
  ],
  // ...
})
export class AppModule { }

现在，当SiteMapComponent被初始化时，它将从API获取数据并在页面上显示网站地图。

请注意，此示例假设您的API返回一个包含网站地图数据的JSON数组。根据您的实际情况，您可能需要进行适当的修改。