Gease-RS/react-ts-mapbox

Desenvolvendo mapas com Mapbox, projeto baseado nas vídeos aulas de Fernando Herrera, disponível em: https://www.youtube.com/watch?v=GvCUY8muozk&list=PLCKuOXG0bPi2dfwRr7m63bhj8T3OaRuw3&index=1

★ 0Forks 0TypeScriptGitHub ↗Compare

README

Mapbox Maps

MAPBOX Maps

Desenvolvendo mapas com Mapbox

  1. Crie o projeto React Typescript
$ npx create-react-app react-ts-mapbox --template=typescript
  1. Crie a chave api em: https://www.mapbox.com/

  2. Instale o pacote Mapbox

$ yarn add mapbox-gl
$ yarn add -D @types/mapbox-gl

Seguindo 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"

  1. Instale o pacote Axios
$ yarn add axios

Para 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

Contributors

Gease-RS

Issues