{"id":28323842,"url":"https://github.com/its-prithvi-raj/angular-mapit","last_synced_at":"2026-04-14T04:32:00.844Z","repository":{"id":147114951,"uuid":"327096490","full_name":"its-prithvi-raj/Angular-Mapit","owner":"its-prithvi-raj","description":"Googlemap using angular.","archived":false,"fork":false,"pushed_at":"2021-04-17T13:25:12.000Z","size":336,"stargazers_count":1,"open_issues_count":0,"forks_count":0,"subscribers_count":0,"default_branch":"main","last_synced_at":"2025-06-02T01:09:44.811Z","etag":null,"topics":["agm","angular","angular-framework","javascript","mapit","mouseevent","scss","typescript"],"latest_commit_sha":null,"homepage":"","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/its-prithvi-raj.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null}},"created_at":"2021-01-05T19:19:26.000Z","updated_at":"2025-02-19T14:04:32.000Z","dependencies_parsed_at":"2023-05-12T17:45:39.709Z","dependency_job_id":null,"html_url":"https://github.com/its-prithvi-raj/Angular-Mapit","commit_stats":null,"previous_names":["p-r-i-t-h-v-i/angular-mapit","prithvirajkshatriya/angular-mapit","itsmetheearthianbuoy/angular-mapit","its-prithvi-raj/angular-mapit"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/its-prithvi-raj/Angular-Mapit","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/its-prithvi-raj%2FAngular-Mapit","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/its-prithvi-raj%2FAngular-Mapit/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/its-prithvi-raj%2FAngular-Mapit/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/its-prithvi-raj%2FAngular-Mapit/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/its-prithvi-raj","download_url":"https://codeload.github.com/its-prithvi-raj/Angular-Mapit/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/its-prithvi-raj%2FAngular-Mapit/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":261586555,"owners_count":23181132,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["agm","angular","angular-framework","javascript","mapit","mouseevent","scss","typescript"],"created_at":"2025-05-25T16:15:08.838Z","updated_at":"2026-04-14T04:32:00.791Z","avatar_url":"https://github.com/its-prithvi-raj.png","language":"TypeScript","readme":"# Mapit 🌎\n\nA simple Angular framework based Google Maps with place search feature. 🗺️🧭\n\n# Description 🎀\n\nA google map based on angular with draggable marker and place search bar to get address and laitude, longitude coordinates.\n\nYou've to use your own google API key and enable restrictions. In order to do, kindly, follow up [this link](https://developers.google.com/maps/documentation/javascript/get-api-key). 🛎️\n\nMake sure to enable the \u003ccode\u003eMaps Javascript API\u003c/code\u003e (Show Map), \u003ccode\u003ePlaces API\u003c/code\u003e (Places search results) \u0026 \u003ccode\u003eGeocoding API\u003c/code\u003e (Convert Lat, Long to address). ⏰\n\n# Tools used 🧰\n\n* [Angular framework, CLI ver 11.0.4](https://angular.io/)\n* [Bootstrap cdn](https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.5.3/css/bootstrap.min.css)\n* [Angular Google Maps (AGM)](https://angular-maps.com/)\n* [@types/googlemaps](https://www.npmjs.com/package/@types/googlemaps)\n\n# To run 🏃\n1. \u003ccode\u003egit clone https://github.com/Kshatriyaprithviraj/Angular-Mapit.git\u003c/code\u003e\n2. navigate to folder and run \u003ccode\u003enpm install\u003c/code\u003e\n3. open http://localhost:4200\n\n# Disclaimer ⚡\n\nDepending upon the AGM version, you may get an error for Mouseevent on map when in use of \u003ccode\u003emarkerDragEnd()\u003c/code\u003e method.\nFor @agm/core version \u003c 3.0, MouseEvent doesn't come anymore from \u003ccode\u003e@agm/core\u003c/code\u003e\n i.e., Usage will depend on the version of AGM. 😀\n \n For the version that I've implemented i.e., @agm/core@3.0.0.beta, you've to use MouseEvent as follow :\n\n```typescript\nmapClicked($event: google.maps.MouseEvent): void {\n    this.markers.push({\n      lat: $event.latLng.lat(),\n      lng: $event.latLng.lng(),\n      draggable: true\n    });\n  }\n ```\n \nCheers!!  🥂\n","funding_links":[],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fits-prithvi-raj%2Fangular-mapit","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fits-prithvi-raj%2Fangular-mapit","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fits-prithvi-raj%2Fangular-mapit/lists"}