https://github.com/azu/running-on-streetview
Virtual Running on Google Street View.
https://github.com/azu/running-on-streetview
fitness google map running streetview
Last synced: about 2 months ago
JSON representation
Virtual Running on Google Street View.
- Host: GitHub
- URL: https://github.com/azu/running-on-streetview
- Owner: azu
- License: mit
- Created: 2020-05-08T09:49:21.000Z (over 5 years ago)
- Default Branch: master
- Last Pushed: 2020-09-13T09:27:19.000Z (about 5 years ago)
- Last Synced: 2025-05-05T19:52:34.558Z (5 months ago)
- Topics: fitness, google, map, running, streetview
- Language: TypeScript
- Homepage: https://running-on-streetview.netlify.app
- Size: 7.87 MB
- Stars: 21
- Watchers: 2
- Forks: 1
- Open Issues: 4
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# running-on-streetview
This app detect your motion via WebCamera and go forward on Google Street View Map.
[](https://twitter.com/azu_re/status/1258700638990393344)
## Requirements
- [ ] [Google Maps JavaScript API Key](https://developers.google.com/maps/documentation/javascript/get-api-key)
- If you do not have API Key, please use "Free Trial" on
- [ ] A Browser that can use Web Camera
- Tested on Google Chrome and Macbook Pro
## Usage
1. Open URL:
2. Input your Google Map API Key
3. Load Google Map Street View and Running!
## How to get Google Map API Key?
You can get Google Map API from Google Cloud Platform Console.
- [Get an API Key Maps JavaScript API | Google Developers](https://developers.google.com/maps/documentation/javascript/get-api-key)
- [【要確認】Google Maps Platform APIキーの取得方法と注意点 | ワードプレステーマTCD](https://design-plus1.com/tcd-w/2018/08/google-maps-platform-api.html)
- [Google Maps PlatformのAPIキーの取得・発行について - 株式会社ゼンリンデータコム](https://www.zenrin-datacom.net/business/gmapsapi/api_key/index.html)
You should add restriction to "HTTP Referer" to `https://running-on-streetview.netlify.app/*` for your API key.
## Tips
### Shortcut
- ↑: Go forward
- ←: Turn left
- →: Turn Right
- ↓: Go back forward
### URL Hacking
This app support some url parameters:
- `defaultMapUrl=`
- `defaultForwardStep=`
- `throttleBackward=`
- `throttleForward=`
- `GOOGLE_MAP_API_KEY=`
For more details, see [src/bootstrap.ts](src/bootstrap.ts)
### Overlay video on FullScreen
Modern browser support Picture-in-Picture.
- Chrome: Select "Picture-in-Picture" on video element's context menu
- Firefox:
## Changelog
See [Releases page](https://github.com/azu/running-on-streetview/releases).
## Running tests
Install devDependencies and Run `npm test`:
npm test
## Contributing
Pull requests and stars are always welcome.
Documentation improvements is also welcome!
For bugs and feature requests, [please create an issue](https://github.com/azu/running-on-streetview/issues).
1. Fork it!
2. Create your feature branch: `git checkout -b my-new-feature`
3. Commit your changes: `git commit -am 'Add some feature'`
4. Push to the branch: `git push origin my-new-feature`
5. Submit a pull request :D
## Author
- [github/azu](https://github.com/azu)
- [twitter/azu_re](https://twitter.com/azu_re)
## License
MIT © azu
## Sponsors
## Acknowledgements
- [GoogleStreetViewを足踏みで仮想散歩するPGM - Qiita](https://qiita.com/shizuoka_miyako_19911118/items/90553c64d2b6b7d888ec)