Carlos-Augusto-Roque/google_maps

google_maps

Obtendo a ApiKey para ser consumida no react

- Acessar o console do Cloud

https://cloud.google.com/cloud-console?utm_source=google&utm_medium=cpc&utm_campaign=latam-BR-all-pt-dr-BKWS-all-all-trial-e-dr-1011454-LUAC0016032&utm_content=text-ad-none-any-DEV_c-CRE_540885993976-ADGP_Hybrid%20%7C%20BKWS%20-%20EXA%20%7C%20Txt%20~%20Management-Tools_Console-KWID_43700065922079877-kwd-1409427295081&utm_term=KW_google%20cloud%20console-ST_Google%20Cloud%20Console&gclid=Cj0KCQjwxtSSBhDYARIsAEn0thTgKOiGIKa9mcmwy6VMhMixIk5RJvucvo678kOtXO_RhBOAU_mPO-0aAgIGEALw_wcB&gclsrc=aw.ds

- Realizar cadastro no Google Cloud Plataform

- Acessar no menu lateral a opção de Apis e serviços

- Acessar as Credenciais

- Criar uma Credencial e obter a ApiKey

Alternativa

- Outra alternativa mais simples é capturar a localização no google maps e inserir a tag no código

<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3657.890583351029!2d-46.648392285070976!3d- 23.53643748469522!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x94ce5843deb99025%3A0xb23619858bc7e63e!2sEscola%20SENAI%20de%20Inform%C3%A1tica!5e0!3m2!1spt-BR!2sbr!4v1649781593360!5m2!1spt-BR!2sbr" width="600" height="450" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>

Referências

https://www.npmjs.com/package/@react-google-maps/api

https://www.youtube.com/watch?v=yc8L7llaYKo