错误：使用 Mapbox GL 需要一个 API 访问令牌

Question

我正在使用 react-gl 库来使用 map-api 使用 mapbox。 我也创建了一个帐户映射框，它仍然显示图片中描述的错误。

这是我的 app.js 代码

import * as React from 'react';
import Map from 'react-map-gl';

function App() {
  return (
    <Map
      initialViewState={{
        longitude: -122.4,
        latitude: 37.8,
        zoom: 14
      }}
      mapboxApiAccessToken = {process.env.REACT_APP_MAPBOX}
      style={{width: 600, height: 400}}
      mapStyle="mapbox://styles/mapbox/streets-v9"
    />
  );
}

export default App

这是错误：

Answer 1

我遇到了同样的问题。 您必须将 mapboxApiAccessToken 更改为 mapboxAccessToken。

Answer 2

向Dani Pérez大声喊叫。 显然他的回答是正确的。 只是为了补充他的答案，在react-map-gl v7.0中，他们决定重命名各种道具，其中一个道具是mapboxApiAccessToken

重命名道具以更好地与包装库保持一致：

• mapboxApiAccessToken现在是mapboxAccessToken

这在他们的升级指南中提到： https://visgl.github.io/react-map-gl/docs/upgrade-guide