Mapbox GLのキャンバスサイズを修正するには？

Question

私はMapbox GLを使ってマップを表示し、その中心から固定サイズのイメージをトリミングします。私はそれを設計した特定の解像度（1920x1080）でうまくいきますが、マップスタイルがwidthとheightの場合、キャンバスのサイズも変更され始めました。

画像を切り抜くと、900pxキャンバスで300px、2000pxキャンバスで300pxと同じマップエリアではないため、サイズは常に異なるはずです。 Chromeのデバイスタイプをデスクトップからモバイルに変更すると、キャンバスのサイズも大幅に変更されます。

通常はcanvasで行われているように、CSS属性を使用してマップ全体を拡大縮小しながらキャンバスのDOMサイズを固定する方法はありますか？ trackResize: falseを実行しようとしましたが、キャンバスのDOMサイズは固定されたままですが、マップはコンテナに合わせて縮尺されません。

Answer 1

私が正しく理解していれば、マップコンテナの大きさにかかわらず地図に常に地理上の領域が表示されますか？これは、スケールを同じに保つほとんどのWebマップの標準的な動作とは逆です。また、カバレッジ領域を拡大または縮小します。

これが必要な場合は、ウィンドウがサイズ変更されるたびにmap.fitBounds()を呼び出すことで実現できます。