It's a TypeScript Class which contains utility methods that simplify working with google maps web SDK
User has the following features provided
- construct google maps object and draw the map
- grab current user location and point to that location in the map
- allow user to drop a marker and get it's coordinates
- calculate the distance between user's current location and the dropped marker
- street view
Bundled with Vite
git clone https://github.com/samialateya/GoogleMapsTSHelper.git
npm install
npm run dev
npm run build
- login to google developer console and create new project
- go to Dashboard and click enable API and Services
- find google maps javascript API and click Enable
- go to credentials page and click Create Credentials > API Key
- copy the key to use it to access google maps SDK
- go to index.html line 12. src="https://maps.googleapis.com/maps/api/js?key=your_api_key"
The map | Current location view | Street view
Thank you for considering contributing to this repo. Feel free to fork this repo and submit a pull request with your updates.
Please open an issue on Github if you discover an error on this repo. and feel free to contact me by email at samialateya@hotmail.com.