App features includes displaying weather, temperature, wind and its direction, sunrise, and sunset of a specified pointer on a map that also displays an option to show related news nearby same location.
In order to retrieve the required information for global real time map with markers, we, at first, used the Amazon Location Service and cloned the provided repository for location service via GitHub and started building our projects with other necessary APIs.
AmazonLocationServiceAPI: To display real-time map on a website- React.js with Vite
- TailWind CSS
react-hot-toastto display toast messagesOpenWeatherAPI: To retrieve data related to the weatherWorldAPI: To get the latest news of a clicked locationChatBot: To further assist users for their concerns
Before getting started, ensure that you have the following set up:
- Node.js installed on your machine.
- An AWS account with Amazon Location Service configured.
- Geolocation supports in your browser.
Copy .env.example to .env and populate environment variables with the CloudFormation stack
outputs.
Run npm start to start a local web server on localhost:3000 with this
example and open it in a browser.
To remove all of the resources created in this walkthrough, delete the CloudFormation stack named
react-map-with-markers.
This library is licensed under the MIT-0 License.