##Beltline Run
- Ben gave me his photos directly, Jill put hers into SCC and attached to budget item so she could caption them. iPhone GPS data worked great. Used Picasa to edit GPS coods visually.
- Create a photoshop batch to resize images
- createGeoJSON.py opens folder of images and creates GeoJSON formatted using metadata GPS coords and captions. Note: conversion is required to tranform the iPhone's GPS degree system to the decimal system
- The .GPX file generated by Ben's Garmin watch had way more points than we needed, simplified it using mapshaper.org - I only ended up needing 5% of the original points. Simplify.js also looks interesting and is built on Leaflet.
- I went about attempting to convert the iPhone exif timestamps in YYYY:mm:dd HH:MM:SS format into a JS readable date (so they could be sorted and displayed in order) in the wee hours of the morning on deadline so I cheated and just did a Find/Replace regex in Textmate for
"date": "2014:02:28 (..):(..):(..)",to"date": "2014-02-28T$1:$2:$3", - The Storymap branch attempted to use that library but I couldn't figure out how to access the leaflet methods from the stormap so I scrapped it
###Dependencies
- Python Image Library (PIL) Pillow for accessing photo metadata
- MapBox.js
##ToDo
- create line with Ben's Garmin data
- Add image display
- remove line that leads to Ben's house
- Different colors for different stages of beltline
- Add Jill's photos
- Add layer toggle
- Open first popup on load
- Create navigation along the path
- retina versions of images?
- make sure markers are sorted by timestamp
- Need a way to stop/pause/start tour, or change where you are in the tour
- Change marker color when active