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

Question

I am using react-gl library to use the map-api using mapbox. I have created an account mapbox as well still it is showing the error depicted in the picture.

Here is my code for 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

Here is the error:

Answer 1

I faced the same problem. You must to change mapboxApiAccessToken to mapboxAccessToken.

Answer 2

Big shout out to Dani Pérez . Apparently his answer is correct. Just to add on to his answer, in react-map-gl v7.0 , they decided to rename various props and one of those props is mapboxApiAccessToken

Renamed props for better consistency with the wrapped library:

• mapboxApiAccessToken is now mapboxAccessToken

This is mentioned in their Upgrade guide : https://visgl.github.io/react-map-gl/docs/upgrade-guide