Como traçar ROTAS no Google Maps | React JS

[@roteirizadormaps6304]

Excelentes tutoriais, me salvaram! Continue com o bom trabalho!!!

[@danieldan4636]

Muito bom. Vou comprar seu curso. Voce explica muito bem

[@anthonibs]

Sabe me dizer como faz para renderizar dois mapas, pois estou tomando "Uncaught Error: Loader must not be called again with different options. " porque diz que já existe script

[@FabioBergmann]

Olá, tudo bem? Segue o vídeo com a explicação do que você questionou: kzbin.info/www/bejne/jpTVhn-KptOdqqM

[@imobilith]

..amigo, eu consigo as usar na rota as 🎉😮🎉 Orientações de Vire a Direita , Vire a Esquerda? .... obrigado e +1 like aqui...hehe..,..

[@fabriciolopes7861]

Tem alguma aula ensinando fazer isso com React Native?

[@FabioBergmann]

Tem video no canal sobre isso.

[@GuilhermeHenrique-fp1wo]

cara top demais, podia fazer um vídeo de listagem de área e exibição de poligonos no mapa.

[@FabioBergmann]

Obrigado! Eu acho que já tem um vídeo com polígonos, não?

[@alissontecnico]

Fabio parabén pelo vídeo conteúdo muito bom! Pode me ajudar? Caso eu queira limpar o valores do StandaloneSearch box, eu uso qual método dentro da ref, poderia dar um exemplo ? Obrigado pela ajuda.

[@FabioBergmann]

Olá Alisson! Obrigado! Respondendo sua pergunta, em uma abordagem simples, da para utilizar um useState para o value do input que vai dentro do StandaloneSearchBox e assim você pode controlar o text. Também pode utilizar react-hook-forms, funciona também. Eu fiz um commit com o exemplo de useState. Pode ver no código que está na descrição. Se já baixou o código, só atualizar. Tem uma função clear agora.

[@lucasmgsilva98]

Como eu poderia colocar um "carrinho" em algum lugar do mapa? Seria similar a forma em que colocamos marcadores no mapa?

[@FabioBergmann]

Tipo os veículos disponíveis do Uber? Sim, é um marcador que vai sendo atualizado. E é uma boa ideia de vídeo pra trazer aqui!

[@seniorizando]

Lucas, você conseguiu?

[@gaabrielcouto]

Opa, tudo bom. Sou novo na programação. Pretendo desenvolver um ERP totalmente web p um negócio de Sistema de rastreamento para automóveis. Desde CRUD até o próprio rastreio dos veículos... Com a questão administrativa dentro também. Consigo fazer tudo isso com React?

[@FabioBergmann]

Olá, tudo bem? Toda parte de interface (front-end), sim.

[@cesarmarcedo4472]

top seus videos. 1 pergunta... como faz para traçar + de 2 rotas ? tipo 5 endereços ? e optimizar as 5 rotas?

[@FabioBergmann]

Olá, tudo bem? Respondi sua dúvida nesse novo vídeo: kzbin.info/www/bejne/e4WvYmppaquHgMk

[@danesrj5715]

Fala Fabio, bom dia! Ótimo video..eu estou precisando colocar uma mapa na minha aplicação, porém, eu quero que ele pegue em tempo real a rota de carros de viagens, como se fosse uber, eu transmitir nesse mapa onde esse carro está, o caminho que ele está fazendo, e depois que ele me dê um replay da rota que ele fez, e eu salvar esse replay. Tem alguma dica? Obs: em cada carro vai ter um aparelho para transmitir essa localização.

[@FabioBergmann]

Nesse caso, o aparelho que está no carro vai transmitir a localização para um backend, que vai salvar em algum banco. Depois, basta que a aplicação obtenha esses dados, também fazendo uma requisição ao backend.

[@NiltonMoraesNeto]

Fabio, tem como você mostrar como que altera esses icons do ponto A e B? Eu tô quebrando a cabeça com isso e não consigo trocar.

[@FabioBergmann]

Olá, tudo bem? Eu não tenho esse vídeo pronto, mas no curso tem tudo sobre isso e muito mais. Segue o link: pay.hotmart.com/C75711711O?checkoutMode=10

[@waldemirlitaiffvasconcelod5814]

Parabéns Bergmann, tutorial muito bom. Eu estou fazendo uma aplicação em que uma das funções é traçar uma rota, e estou fazendo testes com a sua aplicação, deu tudo certo e entendi bem, no teste ele faz as marcações, porém não traça a linha entre os pontos, mesmo usando o seu código. Poderia me informar o que seria, o por que de não aparecer as linha entre os pontos. Talvez seja algo que esteja faltando, está é minha primeira experiência nesta área. Agradeceria se pudesse me ajudar, muito obrigado.

[@FabioBergmann]

Obrigado! Respondendo a pergunta, sua chave de api precisa estar habilitado, além do Google Maps JavaScript API, precisa do Places API e Directions API. Acredito que esteja faltando alguma API. Olhando no console do navegador, geralmente aparecem os erros do Google e o que está faltando.

[@waldemirlitaiffvasconcelod5814]

@@FabioBergmann Valeu, era isso mesmo estava faltando a Directions API. Muito obrigado!!

[@GabrielSantos-xv4km]

eu usei o mesmo codigo que o seu, porém minha rota não limpa quando tento adicionar uma nova rota, tem alguma solução?

[@FabioBergmann]

Deve ter algum detalhe. Só analisando mesmo.

[@guilhermebrazfaria2335]

To passando pelo mesmo problema, e não to conseguindo resolver de jeito nenhum! Você conseguiu?

[@guilhermebrazfaria2335]

Inclusive eu clonei o código disponibilizado no github mas não tem funcionado aqui pra mim, a rota nunca desaparece, apenas fica mais clarinha, mas continua la, em azul claro.

[@guilhermebrazfaria2335]

Cara, consegui resolver. O "problema" na verdade é relacionado com o modo de desenvolvimento do react, lembra sempre de verificar e limitar as verificações da callback usada dentr o do directionservice (se usar o código do video ja da certo), mas lembra de ir no arquivo index.js do react e retira o react.strictMode, esse modo é o modo de desenvolvimento e por montar e simular o desmonte da tela ta dando esse "bug" de não apagar o trajeto. Muito provavelmente já está funcionando se voce buildar para produção.

[@PedroPeripecias]

@@guilhermebrazfaria2335 Vlw dms, achei que tinha feito algo de errado na minha aplicação.

[@valdomiroarcanjo1583]

Mim complicado até uns nome que vc fala aí não entendi nada 😂