{"id":19143251,"url":"https://github.com/devenes/javascript-maps-api","last_synced_at":"2026-06-23T14:31:56.994Z","repository":{"id":107131120,"uuid":"490033022","full_name":"devenes/javascript-maps-api","owner":"devenes","description":"In this project, we will be using the Google Maps Platform for getting Javascript Maps API to create a map that will show the user their current location.","archived":false,"fork":false,"pushed_at":"2022-05-08T19:20:11.000Z","size":226,"stargazers_count":1,"open_issues_count":0,"forks_count":0,"subscribers_count":2,"default_branch":"master","last_synced_at":"2025-02-22T19:26:46.453Z","etag":null,"topics":["google","google-cloud-platform","google-maps-api","javascript","js","maps"],"latest_commit_sha":null,"homepage":"","language":"JavaScript","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/devenes.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,"publiccode":null,"codemeta":null}},"created_at":"2022-05-08T19:11:14.000Z","updated_at":"2023-01-30T11:27:04.000Z","dependencies_parsed_at":null,"dependency_job_id":"ffcc5165-0fb0-4008-b69c-134056a526cb","html_url":"https://github.com/devenes/javascript-maps-api","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/devenes/javascript-maps-api","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/devenes%2Fjavascript-maps-api","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/devenes%2Fjavascript-maps-api/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/devenes%2Fjavascript-maps-api/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/devenes%2Fjavascript-maps-api/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/devenes","download_url":"https://codeload.github.com/devenes/javascript-maps-api/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/devenes%2Fjavascript-maps-api/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":34694780,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-05-26T15:22:16.424Z","status":"online","status_checked_at":"2026-06-23T02:00:07.161Z","response_time":65,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"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":["google","google-cloud-platform","google-maps-api","javascript","js","maps"],"created_at":"2024-11-09T07:30:07.968Z","updated_at":"2026-06-23T14:31:56.972Z","avatar_url":"https://github.com/devenes.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Maps Location API with Google Maps Platform\n\n## Description\n\nIn this project, we will be using the [Google Maps Platform](https://developers.google.com/maps/documentation/javascript/get-api-key) for getting Javascript Maps API to create a map that will show the user their current location.\n\n![maps](maps.jpg)\n\n## Getting started with Google Maps Platform\n\n[Getting started with Google Maps Platform](https://developers.google.com/maps/get-started)\n\nIf you have never used the Google Cloud Console to create a billing account or a project, click the Get Started button that links to an interactive setup experience in the Cloud Console for new users.\n\n![platform](platform.jpg)\n\n## Step 1 Set up your project\n\nIn the Google Cloud Console, on the project selector page, click Create Project to begin creating a new Cloud project.\n\n[Set up your project](https://console.cloud.google.com/projectselector2/home/dashboard)\n\n- In the Google Cloud Console, on the project selector page, click Create Project to begin creating a new Cloud project.\n\n## Step 2 Enable APIs\n\nTo use Google Maps Platform, you must enable the APIs or SDKs you plan to use with your project.\n\n- See the Google Maps Platform APIs and SDKs that you can enable by going to the Maps API Library page in the Cloud Console\n\n[Enable APIs](https://console.cloud.google.com/project/_/google/maps-apis/api-list)\n\nNote that some integrations require you to enable multiple APIs/SDKs. If you are not sure which APIs or SDKs to enable, try using the API Picker, or consult the documentation for the API/SDK you want to use.\n\n## Step 3 Create an API Key\n\nThis step only goes through the API Key creation process. If you use your API Key in production, we strongly recommend that you restrict your API key. You can find more information in the product-specific Using API Keys page.\n\nThe API key is a unique identifier that authenticates requests associated with your project for usage and billing purposes. You must have at least one API key associated with your project.\n\n[Get Credentials](https://console.cloud.google.com/project/_/google/maps-apis/credentials)\n\n- Go to the Google Maps Platform \u003e Credentials page.\n\n- On the Credentials page, click Create credentials \u003e API key.\n  The API key created dialog displays your newly created API key.\n- The new API key is listed on the Credentials page under API keys.\n\n![API](api.jpg)\n\n## Error handling\n\nIf your API is not valid Google Chrome will not be able to use the API and gives the following error:\n\n![Error](error.jpg)\n\n## Resources\n\n- [Google Developers](https://developers.google.com/maps/get-started)\n\n- [Google Maps API Javascript](https://youtu.be/zbFDQ16oRwY)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdevenes%2Fjavascript-maps-api","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fdevenes%2Fjavascript-maps-api","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdevenes%2Fjavascript-maps-api/lists"}