Skip to content

HaraldoFilho/hpfilho.github.io

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

My Photography Website

This is the code repository for my photography website.

The purpose of the site is to showcase my activities as a hobbyist photographer. It was written in Javascript, HTML and CSS, and it has buttons to my other photography sites, social media accounts and a photos map.

Haraldo Albergaria Photography

The Map

One of the buttons opens a map on where it is possible to see the locations where each photo uploaded to my Flickr account have been taken.

Photos Map

Map Data

The map data is 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.