无法将 google-maps 集成到 flutter 中，插件未加载

Question

我正在尝试遵循 link 中的“将 Google 地图添加到 Flutter 应用程序”教程： https://codelabs.developers.google.com/codelabs/google-maps-in-flutter#3

运行 Android Studio 中的代码（在 MAC 上）我得到以下内容：

======== Exception caught by widgets library =======================================================
The following JSNoSuchMethodError was thrown building GoogleMap(dirty, dependencies: [Directionality], state: _GoogleMapState#1c76c):
TypeError: Cannot read properties of undefined (reading 'maps')

查看它在 chrome 中的显示方式的屏幕截图。

我做错了什么？

任何帮助将不胜感激。

Answer 1

试试这个基本的地图代码，希望你能理解，如果你有任何疑问，请随时在评论部分提问。

import 'package:flutter/material.dart';
import 'package:google_maps_flutter/google_maps_flutter.dart';

void main() {
  runApp(MyApp());
}

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Flutter Maps',
      theme: ThemeData(
        primarySwatch: Colors.blue,
      ),
      home: MapView(),
    );
  }
}

class MapView extends StatefulWidget {
  @override
  _MapViewState createState() => _MapViewState();
}

class _MapViewState extends State<MapView> {
  CameraPosition _initialLocation = CameraPosition(target: LatLng(37.42796133580664, -122.085749655962),zoom: 14.4746);
  GoogleMapController mapController;

  @override
  Widget build(BuildContext context) {
    var height = MediaQuery.of(context).size.height;
    var width = MediaQuery.of(context).size.width;

    return Container(
      height: height,
      width: width,
      child: Scaffold(
        body: Stack(
          children: <Widget>[
            GoogleMap(
              initialCameraPosition: _initialLocation,
              myLocationEnabled: true,
              myLocationButtonEnabled: false,
              mapType: MapType.normal,
              zoomGesturesEnabled: true,
              zoomControlsEnabled: false,
              onMapCreated: (GoogleMapController controller) {
              mapController = controller;
                 },
             ),
          ],
        ),
      ),
    );
  }

Answer 2

上面最后评论说网页版不支持就是问题所在。尝试使用移动模拟器，一切正常。谢谢

无法将 google-maps 集成到 flutter 中，插件未加载

Cannot integrade google-maps into flutter, plugin not loading

google-maps

flutter