{"id":22345692,"url":"https://github.com/gerhynes/geolocation","last_synced_at":"2026-04-25T08:36:16.046Z","repository":{"id":106045398,"uuid":"108637745","full_name":"gerhynes/geolocation","owner":"gerhynes","description":"A page built to practice using geolocation data. Built for Wes Bos' JavaScript 30 course. ","archived":false,"fork":false,"pushed_at":"2018-02-02T21:31:07.000Z","size":5,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":0,"default_branch":"master","last_synced_at":"2025-06-26T22:51:34.195Z","etag":null,"topics":["geolocation","javascript","javascript30"],"latest_commit_sha":null,"homepage":null,"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/gerhynes.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":"2017-10-28T09:47:34.000Z","updated_at":"2018-01-23T22:04:25.000Z","dependencies_parsed_at":null,"dependency_job_id":"163233e0-e6cc-4d2d-b03c-0d1128029ad6","html_url":"https://github.com/gerhynes/geolocation","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/gerhynes/geolocation","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/gerhynes%2Fgeolocation","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/gerhynes%2Fgeolocation/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/gerhynes%2Fgeolocation/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/gerhynes%2Fgeolocation/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/gerhynes","download_url":"https://codeload.github.com/gerhynes/geolocation/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/gerhynes%2Fgeolocation/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":32255733,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-04-25T04:23:17.126Z","status":"ssl_error","status_checked_at":"2026-04-25T04:21:53.360Z","response_time":59,"last_error":"SSL_connect returned=1 errno=0 peeraddr=140.82.121.6:443 state=error: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"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":["geolocation","javascript","javascript30"],"created_at":"2024-12-04T09:18:26.104Z","updated_at":"2026-04-25T08:36:16.030Z","avatar_url":"https://github.com/gerhynes.png","language":"HTML","readme":"# Geolocation, Speedometer, and Compass\n\nA page built to practice using geolocation data. Built for Wes Bos' [JavaScript 30](https://javascript30.com/) course.\n\n![Screenshot of geolocation page](https://res.cloudinary.com/gerhynes/image/upload/v1517316746/Screenshot-2018-1-30_Document_ggdg79.png)\n\n## Notes\n\nGeolocation provides more than just latitude and longitude. Heading, for example, tells you how many degrees off north you are, as well as your speed.\n\nYou cannot access gelocation unless you are on a secure origin.\n\nXcode can simulate heading, whereas Chrome, Firefox etc. cannot, so this project doesn't have full functionality.\n\nSo in theory:\n\nSelect the compass arrow and the speed value.\n\nListen for the user's position using `navigator.geolocation.watchPosition`.\n\n`getCurrentPosition` will give you your current position at time of asking. `watchPosition` will observe your position and update the geolocation data.\n\nUpdate the speed value. `speed.textContent = data.coords.speed;`\n\nRotate the compass depending on the heading.\n\n```js\narrow.style.transform = `rotate(${data.coords.heading}deg)`;\n```\n\nAdd an error callback and alert the user if they haven't allowed acces to their location.\n","funding_links":[],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fgerhynes%2Fgeolocation","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fgerhynes%2Fgeolocation","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fgerhynes%2Fgeolocation/lists"}