google_maps 5.0.0 google_maps: ^5.0.0 copied to clipboard
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:
-
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 = MapOptions()
..zoom = 8
..center = LatLng(-34.397, 150.644);
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?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