8 Best Flutter Maps Packages

Following are the best packages to add Maps services like Google Maps to your apps.


This is a Flutter widget which displays Google Maps.

Completer<GoogleMapController> _controller = Completer();

  mapType: MapType.hybrid,
  initialCameraPosition: _kGooglePlex,
  onMapCreated: (GoogleMapController controller) {

The map view can be controlled with the GoogleMapController that is passed to the GoogleMap‘s onMapCreated callback.


This is a Dart port of JavaScript’s Leaflet. Leaflet is the leading open-source JavaScript library for mobile-friendly interactive maps. 

This package supports different maps services such as Azure Maps, OpenStreetMap

Widget build(BuildContext context) {
  return new FlutterMap(
    options: new MapOptions(
      center: new LatLng(51.5, -0.09),
      zoom: 13.0,
    layers: [
      new TileLayerOptions(
        urlTemplate: "https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png",
        subdomains: ['a', 'b', 'c']
      new MarkerLayerOptions(
        markers: [
          new Marker(
            width: 80.0,
            height: 80.0,
            point: new LatLng(51.5, -0.09),
            builder: (ctx) =>
            new Container(
              child: new FlutterLogo(),


Maps Toolkit is a library for area, distance, heading measurements. The package provides several methods for calculation.

val distanceBetweenPoints = SphericalUtil.computeDistanceBetween(
    LatLng(51.5273509, -0.1377583),
    LatLng(48.816714, 2.3532219)


Syncfusion Flutter Maps is a data visualization library. You can use it to create a highly interactive and customizable maps widget that has features set includes tile rendering from OpenStreetMap, Bing Maps, and other tile providers.


This plugin allows developers to use Mapbox vector tiles in their Flutter apps. It allows to show embedded interactive and customizable vector maps inside a Flutter widget. 


This is an extension of url_launcher, which allows to open the maps application (or browser) on all platforms.


This is a collection of tools written in Dart for connecting to Google Maps Webservices. 

final geocoding = new GoogleMapsGeocoding(apiKey: "<API_KEY>");
final geocoding = new GoogleMapsGeocoding(apiKey: "<API_KEY>", httpClient: new BrowserClient());

GeocodingResponse response = await geocoding.searchByAddress("California, USA");


This package offers an Apple Maps widget.

  onMapCreated: _onMapCreated,
  initialCameraPosition: const CameraPosition(
    target: LatLng(0.0, 0.0),

Leave a Comment

Your email address will not be published. Required fields are marked *

Scroll to Top

By continuing to use the site, you agree to the use of cookies. more information

The cookie settings on this website are set to "allow cookies" to give you the best browsing experience possible. If you continue to use this website without changing your cookie settings or you click "Accept" below then you are consenting to this.