Support for First Person View with basemap library

[chrisgervang]

I was wondering what would be involved in adding support for FirstPersonView with StaticMap in react-map-gl? I'm also not sure if this is a deck question or react-map-gl question, but I suspect both.

Currently using FirstPersonView with StaticMap results in a failed to invert matrix error (pictured here).

Reviewing MapView/WebMercatorViewport code I see conformance to the "default" mapbox-js style viewport - is there a similar setup necessary to support the "free camera" mapbox-js style viewport?

[Pessimistress]

The issue in deck.gl x mapbox-gl interop is that deck currently passes the following parameters to Mapbox: longtidue, latitude, zoom, pitch and bearing. Not the actual viewport. Is there an example on how "free camera" is used in mapbox?

[chrisgervang]

Yeah, example 1 and example 2. The camera is set with map.setFreeCameraOptions.

I looked around the deck react package for where it passes the parameters (I assumed it was as props), but it seems like that isn't where the interop is happening?

[chrisgervang]

To set the free camera option one could do:

var coord = mapboxgl.MercatorCoordinate.fromLngLat({ lng: 0, lat: 0}, 0);
map.setFreeCameraOptions(coord, orientationQuat);

Where lat/lng/altitude/orientationQuat come from deck.

[Pessimistress]

This needs to be supported in react-map-gl. DeckGL passes down a viewState object but it doesn't specify the view that it's attached to. StaticMap could add a prop to switch on free camera mode.

Another issue is that Deck's first-person viewport does not match that of mapbox's. Some investigation will be required to see how to get them aligned.