https://github.com/nagam11/instagrammapgenerator

Generate a 'visited countries' map using Instagram media locations
https://github.com/nagam11/instagrammapgenerator

angular4 google-maps google-maps-api instagram instagram-api

Last synced: about 12 hours ago
JSON representation

Generate a 'visited countries' map using Instagram media locations

• Host: GitHub
• URL: https://github.com/nagam11/instagrammapgenerator
• Owner: nagam11
• License: mit
• Created: 2017-07-22T23:45:14.000Z (over 7 years ago)
• Default Branch: master
• Last Pushed: 2017-11-01T22:41:01.000Z (about 7 years ago)
• Last Synced: 2024-11-10T17:29:37.749Z (about 2 months ago)
• Topics: angular4, google-maps, google-maps-api, instagram, instagram-api
• Language: TypeScript
• Homepage:
• Size: 482 KB
• Stars: 0
• Watchers: 0
• Forks: 1
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# InstagramMapGenerator

Angular4 web application which generates a **Visited Countries** map using Instagram media locations.

### How it works

The locations of the most recent Instagram media items are retrieved. Using the GeoName service, each location is mapped to a country code. This code is used to render the Google Maps GeoChart of countries.



## Setup

1. Clone/Download/Fork project.

2. Create [Instagram](https://www.instagram.com/developer/authentication/), [Google](https://developers.google.com/maps/documentation/javascript/get-api-key) and [GeoName](http://www.geonames.org/export/web-services.html) tokens.

3. Rename `config.example.ts` to `config.ts` and replace the service tokens. 

4. Run `npm install` in the root folder of the project.

5. Run `npm start` in the root folder of the project.

6. Open http://localhost:4200/