Flutter App中的Google Map未显示

时间:2019-12-17 22:47:24

标签: android google-maps flutter

在Flutter应用程序中集成一个简单的GoogleMap时遇到问题。 我已将API密钥正确插入到清单文件中,并将库插入了应用程序。 但是仿真器仅显示空白页。到目前为止,我没有做任何特别的事情。只是尝试创建一个GoogleMap。

这是我在应用程序中使用的代码:

return Stack(
 children: <Widget>[
   GoogleMap(initialCameraPosition: CameraPosition(target:
   LatLng(-33.870840,151.206286),
   zoom: 12)
   )
 ], );

模拟器显示的内容:

enter image description here

控制台的第一行(我认为这有特殊含义):

E / flutter(5736):[错误:flutter / lib / ui / ui_dart_state.cc(157)]未处理的异常:PlatformException(错误,java.lang.IllegalStateException:尝试创建未注册类型的平台视图:插件.flutter.io / google_maps

我尝试了几种解决方法,但最终出现了更多错误。期待您的回答!

1 个答案:

答案 0 :(得分:2)

我尝试将Google Map添加到一个新项目中,并能够在模拟器上成功看到它。我逐步按照this的文章进行操作,并使用您的代码段显示了地图并成功运行。

使用完整的代码:

import 'dart:async';

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

void main() => runApp(MyApp());

class MyApp extends StatefulWidget {
  @override
  _MyAppState createState() => _MyAppState();
}

class _MyAppState extends State<MyApp> {
  Completer<GoogleMapController> _controller = Completer();

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        appBar: AppBar(
          title: Text('Maps Sample App'),
          backgroundColor: Colors.green[700],
        ),
        body: Stack(
      children: <Widget>[
      GoogleMap(initialCameraPosition: CameraPosition(target:
      LatLng(-33.870840,151.206286),
        zoom: 12)
    )
    ],
        )
      ),
    );
  }
}

enter image description here

注意事项:

  1. 仔细检查在生成api时是否已启用api(适用于Android的Maps SDK)。
  2. 在进行交叉检查以确认您最近的依赖项后,请执行flutter clean

希望这会有所帮助。