Flutter -如何在卡/容器小部件中添加Google地图？

在Flutter中，可以通过将Google地图嵌入卡/容器小部件来实现。以下是一个简单的示例：

首先，您需要在pubspec.yaml文件中添加google_maps_flutter依赖：

dependencies:
  flutter:
    sdk: flutter
  google_maps_flutter: ^2.0.8

然后，在您想要添加Google地图的卡/容器小部件中，导入相关库并添加GoogleMap小部件：

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

class MapCardWidget extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Card(
      child: Container(
        height: 300, // 设置地图容器的高度
        child: GoogleMap(
          initialCameraPosition: CameraPosition(
            target: LatLng(37.42796133580664, -122.085749655962),
            zoom: 14,
          ),
          markers: Set<Marker>.from([
            Marker(
              markerId: MarkerId("marker_1"),
              position: LatLng(37.42796133580664, -122.085749655962),
              infoWindow: InfoWindow(title: "Googleplex"),
            ),
          ]),
        ),
      ),
    );
  }
}

在上面的示例中，我们在MapCardWidget小部件中创建了一个卡片，并在容器中添加了一个高度为300的GoogleMap小部件。通过设置initialCameraPosition，您可以指定初始地图的中心点和缩放级别。然后，通过markers属性，您可以添加标记点到地图上，这里添加了一个位于Googleplex的标记。

请注意，您还需要在AndroidManifest.xml和Info.plist文件中进行相关配置，以启用Google地图。具体配置步骤和注意事项，请参考Google Maps Flutter插件的文档。

腾讯云相关产品：腾讯位置服务（https://cloud.tencent.com/product/lbs）

以上是关于在Flutter中如何在卡/容器小部件中添加Google地图的解答，希望对您有帮助！