Skip to content

the-map-group/the-map-group.github.io

Repository files navigation

The Map Group

This is the code repository for the Flickr's group The Map Group.

The group's purpose is to generate maps for the members, containing their geo-tagged photos, and also a map for the group itself, containing the photos posted to the group's pool, by members or by owners of invited photos.

Group's Map

The group's map contains a panel with links to each member's Flickr photostream and shows the number of markers and photos that he or she added to the group. Clicking on a marker it is possible to see the photo(s) taken on the corresponding location. Clicking on the photo thumbnail opens the photo's page on Flickr.

Group Map

Member's Map

The member's maps contain a panel with a list of all the countries where the member have taken photos and uploaded to Flickr. Clicking on the country makes the map zoom to it. The markers have the same behaviour of the group's map.

Member Map

Maps Generation

Map Data

The maps data are generated using the script FlickrMap, writen in Python. This script uses the Flickr API to get the photos data. It generates the following files:

  • locations.py: Contains all the markers information, as coordinates and photos attached to them.
  • countries.py: List of countries where the photos were taken, including number of places and photos for each place.
  • user.py: Basic user information, such as user id, name, avatar url, photostream url, number of markers and photos on map.

The data on these files are read by a Javascript code embedded in a html page, which loads the map. The panel and other customizations are coded in separated Javascript and CSS files.

Map Renderization

The map is provided by Mapbox, using its Mapbox GL JS API to populate it with the markers data.

About

Updater scripts and maps code

Resources

Stars

Watchers

Forks

Languages