Timeline and Map events are connected

[rufuspollock]

Clicking on map highlights item in timeline and vice-versa.

Implementation

• Timeline => Map Follow geolocation when progressing through the timeline #21. Hard due to lack of event notification in the TimelineJS library
• Map => Timeline. This should be pretty straightforward as easy to catch the relevant leaflet event then use goToMaker
  • goToMaker in timeline.js: https://github.com/VeriteCo/TimelineJS/blob/master/source/js/VMM.Timeline.TimeNav.js#L320

[om-design]

Could you use a hyperlink to send a POST event ?

[om-design]

wacky workaround.. use smaller icon images for the map, give every point an icon with a unique name, then, in-cache or on server, switch the image and/or scale the size for that point when selected in the timeline.

[djw]

As far as I can see, the only way that TimelineJS allows you to navigate between markers is via onhashchange. The goToMarker method exists, but is not exposed, even in the latest version of Timeline.

But that might work quite well... The URL would represent the currently selected marker, and we could make the map listen to onhashchange, and update the URL when a marker is clicked. That'd give us the two-way communication.

The only downside I can see is that shared URLs take with them the user's current selection.

What do you think, @rgrp ?

[djw]

#37 is relevant here

[rufuspollock]

@djw I think this is great and would also solve #37. Please dive in and start coding it up ;-)