Mapbox未显示在Stackblitz中，但显示在本地计算机中

Question

以下是我运行其中包含映射框的Angular应用程序时的错误。当在本地计算机上运行时，它不会以stackblitz的形式显示地图，而是以地图形式显示。我已经在mapbox中添加了访问令牌。还有其他人面对过这个问题吗？

AppComponent_Host.ngfactory.js? [sm]:1 ERROR Error: An API access token is required to use Mapbox GL. See https://www.mapbox.com/api-documentation/#access-tokens-and-token-scopes
    at N._makeAPIURL (mapbox.js:184)
    at N.normalizeStyleURL (mapbox.js:74)
    at i.loadURL (style.js:214)
    at r._updateStyle (map.js:1262)
    at r.setStyle (map.js:1233)
    at new r (map.js:449)
    at AppComponent.ngOnInit (VM13107 app.component.ts:38)
    at checkAndUpdateDirectiveInline (provider.ts:212)
    at checkAndUpdateNodeInline (view.ts:429)
    at checkAndUpdateNode (view.ts:389)

Answer 1

似乎您的api访问令牌似乎无法正确识别。

请检查一些可用的stackblitz实例以获取正确的配置。

您的app.module.ts应该包含NgxMapboxGLModule.withConfig或NgxMapboxGLModule.forRoot以及您的api访问令牌。

   NgxMapboxGLModule.withConfig({
      accessToken: 'myCustomTokenComesHere'
    })

例如：

• ngx-mapbox-gl-playground
• ngx-mapbox-gl
• ngx-mapbox-gl-playground2

为了进行进一步检查，请共享您的Stackblitz（如果您不想将其公开，则可能没有Access令牌）。>