mapbox glマップにフォーカスがありません - 地図をドラッグするまで+記号が機能しません

Question

Mapboxマップで+と - キーをズームイン/ズームアウトする方法を見つけるのが難しいです。

地図上を一回クリックするだけでは、地図上に重点が置かれていないようです。 マウスを使用して地図をドラッグすると、+と - キーがズームイン/ズームアウトされます。

この問題について不平を言っている人は誰も見つかりませんでした。 Mapboxの例でさえ、この問題があります。

Answer 1

マップのページへの読み込みが完了すると、「フォーカス」がないように見えます。私のマップのIDは「マップ」なので、試しましたので、試しましたので、問題は解決しません。

$('#map').focus(); 

ブラウザのデバッガで 'inspect要素'を使用して、マップオブジェクトに何が含まれているかを調べました。 Mapboxだからキャンバス上のクラスセレクタを使用してマップ

<div class="mapboxgl-canvas-container mapboxgl-interactive"> 
<canvas class="mapboxgl-canvas" tabindex="0" aria-label="Map" 
width="1196" height="817" style="position: absolute; 
width: 1088px; height: 743px;"></canvas>... 

ためのキャンバスを使用し、私は地図の読み込みが終了した後、キャンバス上にフォーカスを設定するためにjQueryを使用します。

map.on('load', function{ 
     $('.mapboxgl-canvas').focus(); 
}