{"id":20383519,"url":"https://github.com/smerth/polymer-google-maps-app","last_synced_at":"2026-05-03T07:44:30.578Z","repository":{"id":147044702,"uuid":"77083945","full_name":"smerth/polymer-google-maps-app","owner":"smerth","description":"A Google Maps single page app built using elements from Polymer's Google Web Components collection. The app is responsive and will include driving directions and transit mode. Easy to integrate into an existing Polymer application","archived":false,"fork":false,"pushed_at":"2019-01-11T21:19:09.000Z","size":3086,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":3,"default_branch":"master","last_synced_at":"2025-01-15T07:58:50.829Z","etag":null,"topics":["codelab","javascript","polymer","web-components"],"latest_commit_sha":null,"homepage":"https://smerth.github.io/polymer-google-maps-app/","language":"HTML","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/smerth.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":"2016-12-21T20:29:44.000Z","updated_at":"2022-06-17T16:55:37.000Z","dependencies_parsed_at":null,"dependency_job_id":"83597e9f-3e39-4de4-b115-fcb5063c1c03","html_url":"https://github.com/smerth/polymer-google-maps-app","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/smerth%2Fpolymer-google-maps-app","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/smerth%2Fpolymer-google-maps-app/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/smerth%2Fpolymer-google-maps-app/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/smerth%2Fpolymer-google-maps-app/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/smerth","download_url":"https://codeload.github.com/smerth/polymer-google-maps-app/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":241935267,"owners_count":20044826,"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":["codelab","javascript","polymer","web-components"],"created_at":"2024-11-15T02:23:10.734Z","updated_at":"2026-05-03T07:44:25.559Z","avatar_url":"https://github.com/smerth.png","language":"HTML","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Polymer Google Maps App\n\nA Google Maps single page app built using elements from Polymer's [Google Web Components](https://elements.polymer-project.org/browse?package=google-web-components) collection. The app is responsive and will include driving directions and transit mode. Easy to integrate into an existing Polymer application\n\n![App Screenshot](https://raw.githubusercontent.com/smerth/polymer-google-maps-app/master/screenshot.png)\n\n## Installation\n\nYou should have `node`, `npm`, `bower`, and `yarn` installed in your local dev environment.\n\nInstall npm modules\n\n```bash\nyarn install\n```\n\nInstall Bower dependancies\n\n```bash\nbower install\n```\n\n**Or, you can use the `polymer-cli`**\n\n```bash\npolymer install\n```\n\n## Create a Google Maps API key\n\nThis app requires a Google Maps API key. Here are the steps to get one:\n\n- Sign up for Google Cloud Platform\n- Setup billing\n- Create a project\n- Go the API directory and search for Google Maps\n- Get a key for the Google Maps API\n\nOnce you you have the key, add it to the two components in `index.html` replacing the two instances of `api-key=\"ADD YOUR KEY HERE\"`\n\n## Develop\n\nrun\n\n```bash\npolymer serve\n```\n\nto test the built app locally\n\nrun\n\n```bash\npolymer build\n```\n\nserve the `build/default` folder on local host.\n\n## Deploy to gh-pages\n\nFirst set up a github repo and commit the code base.\n\nRun Gulp deploy\n\n```bash\ngulp deploy\n```\n\n## Caveats\n\nThis repo was built to learn Polymer it is not supported. It uses Polymer v.1 and as of this time the `google-web-components` have not been updated to support a later version.\n\nTODO\n\n- search box is not responsive (wrap it in toast?)\n\n## References\n\n[Build Google Maps Using Web Components \u0026 No Code!](https://codelabs.developers.google.com/codelabs/polymer-maps/index.html?index=..%2F..%2Findex#0)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsmerth%2Fpolymer-google-maps-app","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fsmerth%2Fpolymer-google-maps-app","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsmerth%2Fpolymer-google-maps-app/lists"}