Flutterで地図を表示する際のポジショニングの問題の解決

地図データを使用するモバイルアプリケーションでは、ビジネス目標に応じて、地図の特定の領域にユーザーの注意を集中させる必要があることがよくあります。プロジェクト「MyOwn」のチームが地図上に配置する前に発生したタスクについて説明します。最後に例を示します。地図上に都市を表示し、指定したズームタイプに応じて地図上の位置を変更する小さなプログラムです。 

Flutter :

• Google Maps

  
  
  
  
  

• native_view ( - Android - Google Maps, iOS - Apple Maps.

  
  
  
  
  

• HERE

  
  
  
  
  

• Mapbox

  
  
  
  
  

• -

  
  
  
  
  

• . 

  
  
  
  
  

. , , . -.

« » :

1. - . , .

   
   
   
   
   

2. , . , .

   
   
   
   
   

3. , . , .

   
   
   
   
   

4. , -  . 

   
   
   
   
   

5. , . , , .

   
   
   
   
   

, , , , CameraPosition CameraUpdate.newLatLngZoom(point, zoom), CameraUpdate.newLatLngBounds(bounds, areaPadding), , , - . . :

• areaPadding. , . , , - . 

  
  
  
  
  

• bounds LatLngBounds , , . , - - . VisibleArea, .

  
  
  
  
  

( ).

MobX (, ). .

, :

• ,

  
  
  
  
  

• 
  
  
  
  

, , MobX -, .