[Feat] MVTLayer Cartesian Coordinates

[s-n-i]

Target Use Case

MVTLayer incorrectly visualizes a vector tile dataset in Cartesian coordinates in OrthographicView.

https://codepen.io/s-n-i/pen/KwPeapW

I would like to make MVTLayer compatible with this use case.

Proposal

Changing the modelMatrix like this results in correct visualization:

s-n-i@4cacc13

https://codepen.io/s-n-i/pen/ZYzRLYX

I was wondering if MVTLayer is already intended to support Cartesian coordinates because it appears to infer a Cartesian coordinate system from !this.context.viewport.resolution in the source code here. If Cartesian coordinates are already intended to be supported, I can change this issue to a bug ticket.

deck.gl/modules/geo-layers/src/mvt-layer/mvt-layer.ts

Line 268 in e9eada6

props.coordinateSystem = COORDINATE_SYSTEM.CARTESIAN;

[lasconic]

FWIW, I tried to make this change, but it doesn't compile... So there is probably some more changes to make.

src/mvt-layer/mvt-layer.ts:262:35 - error TS2339: Property 'left' does not exist on type 'TileBoundingBox'.
  Property 'left' does not exist on type 'GeoBoundingBox'.

262       .translate([props.tile.bbox.left, props.tile.bbox.top, 0])
                                      ~~~~

src/mvt-layer/mvt-layer.ts:262:57 - error TS2339: Property 'top' does not exist on type 'TileBoundingBox'.
  Property 'top' does not exist on type 'GeoBoundingBox'.

262       .translate([props.tile.bbox.left, props.tile.bbox.top, 0])
                                                            ~~~

src/mvt-layer/mvt-layer.ts:263:30 - error TS2339: Property 'bottom' does not exist on type 'TileBoundingBox'.
  Property 'bottom' does not exist on type 'GeoBoundingBox'.

263       .scale(props.tile.bbox.bottom - props.tile.bbox.top);
                                 ~~~~~~

src/mvt-layer/mvt-layer.ts:263:55 - error TS2339: Property 'top' does not exist on type 'TileBoundingBox'.
  Property 'top' does not exist on type 'GeoBoundingBox'.

263       .scale(props.tile.bbox.bottom - props.tile.bbox.top);

[s-n-i]

Thank you for the feedback. I added a type cast.

s-n-i@b73a814

Now npm run build works.

[lasconic]

Thanks! Now, I can display microjson, created with the microjson toolkit. Somehow, the scale is wrong but I'm not sure if it's due to MVTLayer or my application.