Skip to content

DKatuk/typescript-google-maps

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

4 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

TypeScript Google Maps Project

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.

Working TypeScript Google Maps Project Image

Getting Started

  1. Clone the repository: git clone <repository_url>
  2. Create a Google Developer account with billing enabled. This requires a credit card tied to your Google account.
  3. Generate an API key on the Google Developer's Console for Google Maps.
  4. Open the index.html file located in the project's root directory.
  5. Locate the following line in the index.html file: <script src="https://maps.googleapis.com/maps/ap/js?key=YOUR_API_KEY"></script>
  6. Replace the API_KEY placeholder with your generated API key.
  7. Save the index.html file.

Running the Project

  1. Open the project directory in your preferred code editor.
  2. Install the necessary dependencies: npm install
  3. 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.

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published