Display Moving Location Node in JavaScript App

[Corbinde_Bruin]

What I have now is a polyline feature class with related videos, and a JavaScript app that links to the videos when you click a feature on the map. What I would like to do is display the approximate positioning along the polyline as the video is playing. I'm not looking to be exact, just anapproximation. My idea of how this would look is this, in a 10 second video, the location node would be 20% down the polyline at 2 seconds, and so on.

Please point me in the right direction. I am new to JavaScript and web programming, but I have a few years of desktop application programming experience.I would greatly appreciate any sample materials as I have not found anything similar.

Thank you for your time,

Corbin de Bruin

[MatthewLewis · Accepted solution]

Hi Corbin de Bruin, an interesting idea! I've never seen it done myself.

I suspect what you will need to do is utilise a graphic of some sort (or a feature service).

Thinking out loud here -

1) maybe pre build you points at intervals and run a query task using the video intervals as query markers?

          for time in video interval

                    run query task

                     return point

2) Perhaps a time enabled layer?

          The link below takes you to samples using a slider. However you could potentially modify this.

               Time Samples | ArcGIS API for JavaScript

3) This sample using polygon layers changes renders

               SVG and CSS Transitions | ArcGIS API for JavaScript

[Corbinde_Bruin]

Great ideas!

Option one seems like it might be the simplest.

The time enabled stuff might be more complicated to work with.

The third option with the renders wouldn't load for me in the sandbox environment.

[MatthewLewis]

Good luck with it. Maybe post your findings on here or link a github source so others can benefit?

The 3rd option will require HTML and the right kind of browser.

[MatthewLewis]

HTML 5*