google_maps_flutter_web 0.5.4+2 google_maps_flutter_web: ^0.5.4+2 copied to clipboard
Web platform implementation of google_maps_flutter
The web implementation of google_maps_flutter.
This package is endorsed,
which means you can simply use
google_maps_flutter normally. This package will
be automatically included in your app when you do, so you do not need to add it
However, if you
import this package to use any of its APIs directly, you
should add it to your
pubspec.yaml as usual.
Modify web/index.html #
<head> tag of your
<head> <!-- // Other stuff --> <script src="https://maps.googleapis.com/maps/api/js?key=YOUR_API_KEY"></script> </head>
The Google Maps Web SDK splits some of its functionality in separate libraries.
If your app needs the
drawing library (to draw polygons, rectangles, polylines,
circles or markers on a map), include it like this:
<script src="https://maps.googleapis.com/maps/api/js?key=YOUR_API_KEY&libraries=drawing"> </script>
To request multiple libraries, separate them with commas:
<script src="https://maps.googleapis.com/maps/api/js?key=YOUR_API_KEY&libraries=drawing,visualization,places"> </script>
Now you should be able to use the Google Maps plugin normally.
Limitations of the web version #
The following map options are not available in web, because the map doesn't rotate there:
There's no "Map Toolbar" in web, so the
mapToolbarEnabled option is unused.
There's no "My Location" widget in web (tracking issue), so the following options are ignored, for now:
defaultMarkerWithHue in web. If you need colored pins/markers, you may need to use your own asset images.
Indoor and building layers are still not available on the web. Traffic is.
Only Android supports "Lite Mode", so the
liteModeEnabled constructor argument can't be set to
true on web apps.
Google Maps for web uses
HtmlElementView to render maps. When a
GoogleMap is stacked below other widgets,
package:pointer_interceptor must be used to capture mouse events on the Flutter overlays. See issue #73830.