Dart Google Maps #

This project is a library to use Google Maps JavaScript API v3 from dart scripts. It uses JS Interop library and its scoped approch to prevent memory leaks. Basically, all operation have to be done inside a scope. You can have a look at Js Interop documentation for more informations.

Usage #

To use this library in your code :

• add a dependency in your pubspec.yaml :

dependencies:
  google_maps: ">=1.1.0 <2.0.0"

• add import in your dart code :

import 'package:google_maps/google_maps.dart';

• Include the Maps API JavaScript using a script tag.

<script src="http://maps.googleapis.com/maps/api/js?sensor=false"></script>

A very simple example :

import 'dart:html';
import 'package:js/js.dart' as js;
import 'package:google_maps/google_maps.dart';

void main() {
  js.scoped((){
    final mapOptions = new MapOptions()
      ..zoom = 8
      ..center = new LatLng(-34.397, 150.644)
      ..mapTypeId = MapTypeId.ROADMAP
      ;
    final map = new GMap(query("#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?sensor=false&libraries=LIBRARY1,LIBRARY2"></script>

Examples #

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

License #

Apache 2.0