Solving positioning problems when viewing a map in Flutter

In mobile applications that use map data, it is often necessary to focus the user's attention on a particular area of ​​the map, depending on business goals. I'll tell you about the tasks that arose before the team of the project "My Own", when positioning on the map. And at the end I will show you an example - a small program that shows cities on the map and changes the position on the map depending on the specified zoom type. 

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 -, .