My runs in Lexington as logged by RunKeeper. GPX files of individual runs were downloaded from RunKeeper and tracks were consolidated into a single GPX file using GPS Babel. I converted the combined GPX file into GeoJSON using OGR2OGR via QGIS 2.8.1. I used MapboxJS to pull in CartoDB's Dark Matter tiles and to generally just set up the map. Finally, I used jQuery to pull in the runs.geojson.
Next steps include:
- Add a class to each path (using D3js?)
- Use that class and CSS to mess with the opacity blending on the paths (mix-blend-mode perhaps?)
- Maybe do this with Mapsense...It'd just be nice to be able to use CSS a little more naturally
- Also, let's add some title text with cool neoness!
- It might also be cool to buffer the paths, dissolve into a single polygon and toss that through TileLayer.boundaryCanvas
- And maybe it would be cool to do it with AGOL
- Or better yet, Esri Leaflet
- And then maybe mapbox-gl-js!
- And google maps, why not?