This project is a simple web application that allows users to enter an address, search for it using the Google Maps API, and display the location on a map with a marker. The application is built using TypeScript
and bundled with Webpack
.
Built for the Understanding Typescript Course on Udemy.
- Node.js and npm installed on your machine.
-
Clone the repository:
git clone https://github.com/riascho/TypeScriptAddressToMap.git cd TypeScriptAddressToMap
-
Install dependencies:
npm install
-
Enter your Google API Key:
- Obtain your API key from the Google Maps API.
- Replace
YOUR_API_KEY
in thesrc/app.ts
andindex.html
files with your actual API key.
-
Start the development server:
npm start
- TypeScript: A strongly typed programming language that builds on JavaScript.
- Webpack: A module bundler to bundle JavaScript files for usage in a browser.
- Axios: A promise-based HTTP client for making requests to the Google Maps API.
- @types/googlemaps: TypeScript type definitions for the Google Maps JavaScript API, providing type safety and autocompletion features when working with the Google Maps API in TypeScript.