all the data are fetched from open-weather-map API
DEMO
How to use
Get Api for Google Maps index.html <script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?key=[YOUR-API-KEY]&libraries=geometry,places"></script> Get Openweathermap api app.js const api_call= await fetch(https://api.openweathermap.org/data/2.5/weather?q=${cidade},Br&appid=${API_KEY});
References ReactJs Bootstrap 4 NodeJs Open Weather API Icones React Google Maps