I built this simple application that displays user and company locations with GoogleMap JavaScript API and TypeScript.
- Added three classes: User, Company, customMap
- Created an interface, 'Mappable' to use it as a type of an argument for addMarker method of CustomMap
- User and Company classes implement 'Mappable' interface to make sure their instance object, which will be passed to addMaker method respectively as an argument, meet the interface that has location property and markerContent method
A list of commonly used resources that I find helpful is listed in the acknowledgments.
To get a local copy up and running follow these simple example steps.
- On the project GitHub page, navigate to the main page of the repository.
- Under the repository name, locate and click on a green button named
Code
. - Copy the project URL as displayed.
- If you're running the Windows Operating System, open your command prompt. On Linux, Open your terminal.
- Change the current working directory to the location where you want the cloned directory to be made. Leave as it is if the current location is where you want the project to be.
- Type git clone, and then paste the URL you copied in Step 3.
e.g. $ git clone https://github.com/yourUsername/yourProjectName - Press Enter. Your local copy will be created.
- To run the server, install parcel bundler like
npm install -g parcel bundler
, and runparcel index.html
👤 Yoko Saka
Contributions, issues, and feature requests are welcome! Feel free to check the issues page.
- Fork the Project
- Create your Feature Branch (
git checkout -b feature/AmazingFeature
) - Commit your Changes (
git commit -m 'Add some AmazingFeature'
) - Push to the Branch (
git push origin feature/AmazingFeature
) - Open a Pull Request
Give a ⭐️ if you like this project!
This project was built by following Typescript: The Complete Developer's Guide produced by Stephen Grider