Flutter for Beginners

Displaying a map on Flutter

After properly initializing the plugin on either platform, we can use the GoogleMap widget on our app. In a minimal implementation, we just need to add it to our layout:

// part of MapPage widget   @overrideWidget build(BuildContext context) {  ...  return GoogleMap(    initialCameraPosition: CameraPosition(    target: LatLng(51.178883, -1.826215),      zoom: 10.0    ),  );  ...}...

The only mandatory property to be set in the GoogleMap widget is initialCameraPosition, which will position the visualization of the map in a target location defined in the CameraPosition instance. The CameraPosition class also supports the zoom, tilt, and bearing properties.

With this set up, we can see GoogleMap in action:

As you can see again, the ...