support single point in fitBounds

[xoddong]

Currently, there isn't support for a single point to the fitBounds function.
We get an assertion error if we were to do

const width = 800
const height= 800
const bounds = [[-74.0066517, 40.7083267]]
const viewport = new WebMercatorViewport({ width, height }).fitBounds(bounds)

My issue and use case is similar to that of mapbox-gl issue #3307.

Would it be possible to do something where we center around that point if a single point is passed in?

[coyotespike]

Same here.

Currently I am making a viewport manually, by setting the lat and lng equal to my single point, and height/width/zoom to sensible defaults.

WebMercatorViewport.getMapCenterByLngLatPosition requires a pixel location as well, and so isn't a great substitute.

[arminrosu]

The issue is caused by these lines:

const scaleX = targetSize[0] / size[0];
const scaleY = targetSize[1] / size[1];

size is [0, 0] for point bounds. Then scaleY / scaleY becomes Infinity and from there it all goes sideways.

A default scale parameter / value would fix this. I would prefer a parameter, since a point can be displayed at any scale, but applications might be different based on your use case.