组件未显示在另一个内部

Question

我想在我的角度项目中使用mapbox-gl。当我在app.component.html中构建我的地图时，它可以工作，但是当我想要在另一个组件中显示她时，该地图不会显示，并且在控制台上也没有错误。

我的component.ts

buildMap(){
  let map = new mapboxgl.Map({
      container: 'map',
      style: this.style,
      zoom: 16,
      center: [-122, 37]
  });
}

我的component.html

<div id="map-container">
  <div id='map' style='width: 100%; height: 100%;'></div>
</div>

当我想将其导入另一个组件中时，不会显示此映射。我认为这是生命周期的重要组成部分，但我真的不知道