将 openmaptiles.org 底图样式与 Deck.gl 结合使用

Question

我正在尝试将 openmaptiles.org (https://openmaptiles.org/docs/website/mapbox-gl-js/) 中的非专有底图样式与 Deck.gl 一起使用。在我的示例中，我使用 'Dark matter' 样式。

    deckgl = new deck.DeckGL({
        container,
        map: mapboxgl,
        mapboxApiAccessToken: mapboxAccessToken,
        // mapStyle: "mapbox://styles/mapbox/dark-v9",
        mapStyle:
          "https://openmaptiles.github.io/dark-matter-gl-style/style-cdn.json",
        longitude: -98.58,
        latitude: 39.82,
        zoom: 4
      });

当我运行此代码时，出现此错误 'Failed to load resource: the server responded with a status of 403 () [https://maps.tilehosting.com/data/v3.json?key=SymbVzXrAD6Jmqe6yBOS]'。我在这里做错了什么？

当我运行使用 mapbox 样式（注释掉）的这段代码时，它工作正常。

谢谢基兰

Answer 1

当您直接转到 URL 时您会看到，tilehosting.com 告诉您您没有正确的 API 密钥来访问该资源。

将 openmaptiles.org 底图样式与 Deck.gl 结合使用

use openmaptiles.org base map style with Deck.gl

mapbox-gl-js

deck.gl

openmaptiles