googlemaps/js-three

Implement floating anchors

Opened this issue · 3 comments

This is a follow-up to #618.

Is your feature request related to a problem? Please describe.

When handling globally distributed 3d-objects in a single overlay, one of the problems is that a single anchor-point isn't enough to maintain acceptable precision in all locations.

Describe the solution you'd like

To solve this, we could add a feature I would call "floating anchor". With this, users would provide the geo-reference of an object in a property object.userData.geoPosition (see three.js documentation) and the overlay would automatically calculate the anchored world-space position for those geo-coordinates.

The anchor-point could then be automatically updated from map-movement. With every update, the scene is traversed and world-space coordinates are recomputed from the specified geo-reference.

I go through the same issue, any updates ?

@anorakdepluie we want to move forward with this and wanted to ask if you could maybe add some more details on what issues you are currently having that could be solved by implementing floating anchors.

That way we can make sure that the solution we end up with actually helps to solve those problems.

Hi,
This solution would solve some problems of mine aswell. I am building an app that allows users to add objects anywhere on the world map.

Currently the objects are blurry / distorted if the objects are placed too far from the current anchor. (If the objects are real world scale such as cars/buildings etc)

Having multiple anchors would solve this issue.