mapillary / mapillary-js

Interactive, extendable street imagery map experiences in the browser, powered by WebGL
https://mapillary.github.io/mapillary-js
MIT License
444 stars 85 forks source link

Dynamic navigation #238

Open oscarlorentzon opened 7 years ago

oscarlorentzon commented 7 years ago

Currently we use spatial navigation arrows rendered in HTML/CSS that have (semi) static positions on the canvas. They also only allow to navigate to a certain image in every direction.

The spatial navigation could be more dynamic. When hovering the ground it would be possible to show an indicator if navigation is possible. When clicking the ground we could move to the image situated in that position. Viewing direction should be consistent with current viewing direction.

gyllen commented 7 years ago

+1

oscarlorentzon commented 6 years ago

Related to #106

mrAceT commented 5 years ago

My apologies for reviving this old topic, but...

Everything is related.. Within the current possibilities I sort of constructed what you are talking about here (I want/need this feature also).

Take a look at my "POC": https://www.geoarchief.nl/mapillary4.html?key=dOezWfZrQajwE-i0zDCsjw The white dots in the view are the positions of the other available images. When the dots on the map are red the position is the "SfM position" (which you are planing to make more easily available). These locations are way more "what you expect" when you want to move around like this (you can double click on the map, you will move to the closest "white dot" in view. (I need to maintain large array of datapoints and retrieve every datapoint seperately to get the SfM lat/lon, which is bulky, my POC is a bit sluggish here and there )

if I knew how to alter the opacity of the 'MarkerComponent.CircleMarker' I could only show the CircleMarker closest to the mouse position! And if I knew how to make the CircleMarker clickable I could moveTo that Key (I now use the dblclick to move to the closest image).

PS: I'm learning to use your library, some stuff can likely be doen different.. it's a work in progress ;) If you have tips, always welcome ;)