ズームイン/アウトreact-native-半径（km /マイル）に基づくマップ

Question

私のreact-nativeアプリには、ユーザーがキロメートルまたはマイル（5や10など）の数値を指定した場合に、マップがズームイン/ズームアウトして、入力として半径のある領域を表示する必要があるという要件があります。数。

これらの入力番号に基づいてlatitudeDeltaとlongitudeDeltaの値を変更するにはどうすればよいですか。

私を助けてください。前もって感謝します。

Answer 1

緯度デルタは、画面に表示される度数です。約111.045KMは常に1度に等しいので、これを使用してKMで現在表示されている領域のlatitudeDeltaを計算できます。

緯度デルタ=直径（UserEntered）/ 111.045

これは、画面が縦向きモードであると想定しているため、latitudeDeltaの方が大きい値です。そうでない場合は、代わりにlongitudeDeltaを使用してください。

マップを更新するには、longitudeDeltaとlatitudeDeltaの状態変数を設定できます。ユーザーが値を入力すると、上記の式から計算を実行してこれらの状態変数を更新できます。マップも最終的に更新されます。