6

我正在开发一个 Flutter 项目,并且必须将 Google Maps 集成到我的项目中。为此,我在 Gogle 控制台上创建了一个新项目,添加了适用于 Android 的 Maps SDK 和我需要的其他 API,并将密钥复制粘贴到我的 AndroidManisfest.xml 文件中。

<meta-data 
    android:name="com.google.android.geo.API_KEY"
    android:value="my_key_here"    
></meta-data>

现在,当我进入我的地图屏幕时,它只在左下角显示带有小框和 Google 图标的空白页面,并在右下角显示放大和缩小图标。在控制台中,它给出了错误

https://clients4.google.com/glm/mmap/api的意外响应代码 400

这是我的 map.dart 屏幕的代码

import 'dart:async';

import 'package:flutter/material.dart';
import 'package:geolocator/geolocator.dart';
import 'package:google_maps_flutter/google_maps_flutter.dart';
import 'package:location/location.dart';
import 'package:permission_handler/permission_handler.dart';

class ViewMapsScreen extends StatefulWidget {
  @override
  _ViewMapsScreenState createState() => _ViewMapsScreenState();
}

class _ViewMapsScreenState extends State<ViewMapsScreen> {

  Completer<GoogleMapController> _controller = Completer();

  static const LatLng _center = const LatLng(45.521563, -122.677433);

  void _onMapCreated(GoogleMapController controller) {
    _controller.complete(controller);
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: Container(
        height: MediaQuery.of(context).size.height,
        width: MediaQuery.of(context).size.width,
        child: GoogleMap(
          onMapCreated: _onMapCreated,
          initialCameraPosition: CameraPosition(
            target: _center,
            zoom: 11.0
          )
        ),
      ),
    );
  }
}

请大家帮帮我,我被困在一个相当简单的实现上。

4

1 回答 1

0

对于所有有这个问题的人,

转到https://console.cloud.google.com/apis/credentials

添加包名和SHA1指纹

在此处输入图像描述

于 2021-11-13T16:07:45.610 回答