Reactjs 使用CARTO和React对.GL进行甲板处理

我正在尝试在react应用程序中使用CARTO底图（

@deck.gl/CARTO

）和deck.gl（

@deck.gl/react

）。要渲染贴图层，文档将利用

react map gl

中的Mapbox的

组件

---

然而，当我将CARTO的免费basemap

basemap.VOYAGER

作为

的一个属性传递给我时，一个解决方案是安装
5.3.11
版本，所以你的应用程序不需要Mapbox令牌

这解决了我的问题。谢谢
      <DeckGL
        style={{
          position: "relative",
          width: "100%",
          height: "600px",
        }}
        initialViewState={initViewState}
        controller={true}
        layers={layers}
        onClick={(evt) => console.log(JSON.stringify(evt.coordinate))}
        getTooltip={({ object }) =>
          object &&
          object.coordinates && {
            text: `Longitude: ${object.coordinates[0]}\nLatitude: ${object.coordinates[1]}\nCost: ${object.cost}`,
          }
        }
      >
        <StaticMap
          mapStyle={BASEMAP.DARK_MATTER}
          mapboxApiAccessToken={process.env.NEXT_PUBLIC_MAPBOX_TOKEN}
        />
      </DeckGL>

yarn add react-map-gl@5.3.11