Mapbox 地图以灰色显示背景

Question

我有一个 Angular 应用程序，它在 Wordpress 插件中实现，将 Angular 生产包文件传递给插件并使用 Iframe 加载它。在那里，我有一张地图，显示了基于一些酒店坐标的位置列表。

我正在使用 mapbox-gl 依赖项

buildMap(center) {
    this.lat = center.lat;
    this.lng = center.lng;
    this.map = new mapboxgl.Map({
      container: "map",
      style: this.style, //mapbox://styles/{myUsername}/{myStyleToken}
      zoom: this.zoom,
      center: [this.lng, this.lat],
    });
    this.map.on("load", () => {
      this.map.resize();
    });
  }

在我的 Angular 本地主机中，地图工作得很好。但是当我在 Wordpress 插件中发布它并将其推送到托管时，地图显示灰色背景（它显示标记，但不显示背景）

如果有人能帮我解决这个问题，那就太好了。我需要尽快完成。