Map is correctly displayed but I cannot pan, zoom or anything by default. Is this expected?

I did the following:

create a flutter web application using flutter create --platforms=web webapp
added google_maps and web in the pubspec.yaml file
updated the index.html code to look like this:

<html>
[...]
<script src="flutter.js" defer></script>
<!-- added the following line -->
<script src="https://maps......&API_KEY=validAPIkey"></script>
[...]
<body>
<script>
  window.addEventListener('window', ...
  ...
</script>
<!-- added the following line -->
<div style="width: 100%; height: 100%" id="map"></dvi>
</body>
</html>

My Dart code file is the following:

import 'package:google_maps/google_maps.dart'
import 'package:web/web.dart'

void main() {
  GMap(document.getElementById('map') as HTMLElement,
    MapOptions()
      ..center = LatLng(...)
      ..zoom = 8),;
}

When I run this code using the VS code debugger, using Edge or Chrome, I can't pan within the map, or zoom in or out. Is this expected? Am I supposed to add some code to do this? Sorry if this question sounds stupid.

a14n / dart-google-maps

Map is correctly displayed but I cannot pan, zoom or anything by default. Is this expected? #126