- Crie o projeto React Typescript
$ npx create-react-app react-ts-mapbox --template=typescript-
Crie a chave api em: https://www.mapbox.com/
-
Instale o pacote Mapbox
$ yarn add mapbox-gl
$ yarn add -D @types/mapbox-glSeguindo a documentação do MapBox não consegui evoluir com a versão "mapbox-gl": "^2.8.1". Tive sucesso mudando para versão "mapbox-gl": "^2.6.1"
- Instale o pacote Axios
$ yarn add axiosPara fazer o build da aplicação aplicar a configuração a seguir em todas as importações do mapbox-gl adicionando o sinal de ! e as duas linhas de ignorar devido a problema de transcopilação.
/* eslint import/no-webpack-loader-syntax: off */
//@ts-ignore
import mapboxgl from "!mapbox-gl";
npm run build
