This project was developed to practice Google Maps Api Integration and TypeScript concepts such as creating classes and using interfaces as gatekeepers for class methods.
- Clone the repository:
git clone <repository_url>
- Create a Google Developer account with billing enabled. This requires a credit card tied to your Google account.
- Generate an API key on the Google Developer's Console for Google Maps.
- Open the index.html file located in the project's root directory.
- Locate the following line in the index.html file:
<script src="https://maps.googleapis.com/maps/ap/js?key=YOUR_API_KEY"></script>
- Replace the API_KEY placeholder with your generated API key.
- Save the index.html file.
- Open the project directory in your preferred code editor.
- Install the necessary dependencies:
npm install
- This project uses parcel-bundler tool to help running TypeScript in the browser.
npx parcel index.html
.You can install parcel package if you haven't installed yet.