##Beltline Run
- Ran 4/3/14 here
- 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.
- Created a photoshop batch to resize images (for some reason PIL couldn't read ImageDescription after saving for web, even though the data is still there)
- 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 needed to break apart the line into segments so I could style them differently, used geojson.io
- 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 storymap so I scrapped it
###Dependencies
- Python Image Library (PIL) Pillow for accessing photo metadata
- MapBox.js
##ToDo
- Label beltline section if you click the line
- The "points of interest" could use more descriptive icons
- Resytle tour control button (maybe move it over with legend?)
- Add a mini map for context of where you are on the loop during the tour
- Cluster markers?
- Change marker color when active
- Timestamps displaying in wrong timezone on mobile, but correct on desktop
- Retina versions of images?
- Test in IE
- First image on tour cut off at top
- create line with Ben's Garmin data
- Add image display
- Add Jill's points
- remove line that leads to Ben's house
- Create navigation along the path
- make sure markers are sorted by timestamp
- Need a way to stop/pause/start tour, or change where you are in the tour
- popups aren't responsive
- Clicking on map or popup "x" should pause tour
- clicking on the polyline creates a broken popup because it doesn't have the right properties.
- Needs a legend
- Different colors for different stages of beltline
- Add more captions
- Add loading indicator to popups