https://github.com/agl0809/location-history-player
Display a heat map through the location history provided by Google Maps Timeline.
https://github.com/agl0809/location-history-player
create-react-app es6 es6-javascript google-timeline-chart heatmap javascript jest leaflet-map location-history location-history-player map react-jest tdd travis-ci unit-testing
Last synced: 3 months ago
JSON representation
Display a heat map through the location history provided by Google Maps Timeline.
- Host: GitHub
- URL: https://github.com/agl0809/location-history-player
- Owner: agl0809
- License: mit
- Created: 2018-01-09T22:51:52.000Z (over 7 years ago)
- Default Branch: master
- Last Pushed: 2018-02-04T23:38:09.000Z (over 7 years ago)
- Last Synced: 2025-07-09T07:04:53.657Z (3 months ago)
- Topics: create-react-app, es6, es6-javascript, google-timeline-chart, heatmap, javascript, jest, leaflet-map, location-history, location-history-player, map, react-jest, tdd, travis-ci, unit-testing
- Language: JavaScript
- Homepage:
- Size: 1.28 MB
- Stars: 15
- Watchers: 1
- Forks: 2
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
[](https://travis-ci.org/agl0809/location-history-player)
- [Installation](#installation)
- [Settings](#settings)
- [Available scripts](#available-scripts)
- [npm start](#npm-start)
- [npm test](#npm-test)
- [npm run build](#npm-run-build)
- [npm run eject](#npm-run-eject)
- [Dependencies](#scaffolding)
- [Scaffolding](#scaffolding)
## Installation
```bash
git clone https://github.com/agl0809/location-history-player/
cd location-history-player
npm install
```
## Settings
There are two different ways to setting up the data provided in **constants.js**
[Firebase service](https://api-project-923029851043.firebaseio.com/locations.json)
By default Firebase service example will be used.
```javascript
export const JSON_FILE_URL = 'https://api-project-923029851043.firebaseio.com/locations.json';
```
[Google Takeout](https://takeout.google.com/settings/takeout)
Use a specific data file downloading the location history JSON file. Then move it to `/public` project folder .
```javascript
export const JSON_FILE_URL = '/YOUR_FILE_NAME.json';
```
## Available scripts
In the project directory, you can run:
**npm start**
Runs the app in the development mode.
Open [http://localhost:3000](http://localhost:3000) to view it in the browser.
The page will reload if you make edits.You will also see any lint errors in the console.
**npm test**
Launches the test runner in the interactive watch mode.
**npm run build**
Builds the app for production to the `build` folder.
## Dependencies
[leaflet](https://github.com/Leaflet/Leaflet)
[leaflet.heat](https://github.com/Leaflet/Leaflet.heat)
## Scaffolding
[create-react-app](https://github.com/facebook/create-react-app)