google_maps 3.4.5

Dart js
Flutter web

With that package you will be able to use Google Maps JavaScript API from Dart scripts.

Dart Google Maps #

This project is a library to use Google Maps JavaScript API v3 from dart scripts.

Usage #

To use this library in your code:

  • add a dependency in your pubspec.yaml :

    dependencies:
      google_maps: ">=3.0.0 <4.0.0"
    
  • add import in your dart code:

    import 'package:google_maps/google_maps.dart';
    
  • Include the Maps API JavaScript using a script tag before your dart script.

    <script src="https://maps.googleapis.com/maps/api/js?key=API_KEY"></script>
    

Please see the Google Maps JavaScript API v3 Getting Started guide for information about obtaining an API Key.

A very simple example :

import 'dart:html';

import 'package:google_maps/google_maps.dart';

void main() {
  final mapOptions = new MapOptions()
    ..zoom = 8
    ..center = new LatLng(-34.397, 150.644);
  new GMap(document.getElementById("map-canvas"), mapOptions);
}

Coverage #

The library covers all Google Maps JavaScript API v3 and its Libraries. To use one or more Google Maps Library:

  • add import in your dart code:

    import 'package:google_maps/google_maps_LIBRARY1.dart';
    import 'package:google_maps/google_maps_LIBRARY2.dart';
    
  • Include the Maps API JavaScript using a script tag.

    <script src="http://maps.googleapis.com/maps/api/js?key=YOUR_API_KEY&libraries=LIBRARY1,LIBRARY2"></script>
    

Examples #

Examples found at https://google-developers.appspot.com/maps/documentation/javascript/examples/ are available in a dart version at https://github.com/a14n/dart-google-maps in the example directory.

License #

Apache 2.0

25
likes
70
pub points
95%
popularity

With that package you will be able to use Google Maps JavaScript API from Dart scripts.

Repository (GitHub)
View/report issues

Documentation

API reference

Uploader

alexandre.ardhuin@gmail.com

License

Apache 2.0 (LICENSE)

Dependencies

js_wrapping, meta

More

Packages that depend on google_maps