[google_maps_flutter_web] Wrap map div in CSS reset (flutter/flutter#115216)

Wraps the map `div` in a `div` with `style.all = "initial"` to prevent red text due to a style set on `body` by Flutter.

Author: AsturaPhoenix

packages/google_maps_flutter/google_maps_flutter_web/lib/google_maps_flutter_web.dart

@@ -10,9 +10,9 @@ import 'dart:html';
 import 'dart:js_util';
 
 import 'package:flutter/foundation.dart';
-import 'package:flutter/material.dart';
+import 'package:flutter/material.dart' hide Element;
 import 'package:flutter/services.dart';
-import 'package:flutter/widgets.dart';
+import 'package:flutter/widgets.dart' hide Element;
 import 'package:flutter_web_plugins/flutter_web_plugins.dart';
 import 'package:google_maps/google_maps.dart' as gmaps;
 import 'package:google_maps_flutter_platform_interface/google_maps_flutter_platform_interface.dart';

packages/google_maps_flutter/google_maps_flutter_web/lib/src/google_maps_controller.dart

@@ -41,7 +41,15 @@ class GoogleMapController {
 
     ui.platformViewRegistry.registerViewFactory(
       _getViewType(mapId),
-      (int viewId) => _div,
+      (int viewId) => DivElement()
+        // Wrap the map div in a CSS reset for consistent styling.
+        // Having this on the map div itself seems to make it fail to render.
+        ..style.setProperty('all', 'initial')
+        // However, we do still need to set these to keep Flutter from logging a
+        // complaint.
+        ..style.width = '100%'
+        ..style.height = '100%'
+        ..children = <Element>[_div],
     );
   }