在 google_map_flutter 中设置标记

google_map_flutter 是一个让开发者可以集成 Google 地图功能的 Flutter 包，而其中最常用到的功能便是在地图上设置标记。本文将会介绍如何在 google_map_flutter 中设置标记，让你的地图更加生动。

安装

首先，你需要在你的 Flutter 应用程序项目中，加入 google_maps_flutter 这个包。你可以在你的 pubspec.yaml 文件中增加如下依赖：

dependencies:
  google_maps_flutter: ^1.0.5

基本概念

在进行下一步之前，先学习几个 google_map_flutter 中的基本概念：

CameraPosition

CameraPosition 描述了一个地图的状态（例如：地图的中心点（经纬度）、缩放级别、倾斜角度和旋转角度）。你可以通过 cameras 方法来获取当前的 CameraPosition。

Marker

Marker 代表地图上的标记，它包含一个 icon 和一个 position。你可以通过 markers 方法来获取当前所有的 Marker。

GoogleMapController

你可以通过 GoogleMapController 来访问 GoogleMap 的方法和属性。你可以在 GoogleMapController 中调用下面的方法，以实现添加标记的功能。

添加标记

在 google_map_flutter 中，添加标记非常容易，只需要调用 GoogleMapController 中的 addMarker 方法。在下面的代码示例中，我们将在地图上添加一个带有标记的图片作为标记：

import 'package:google_maps_flutter/google_maps_flutter.dart';

class MapScreen extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    CameraPosition _initialCameraPosition = CameraPosition(
      target: LatLng(48.8589507, 2.2942544),
      zoom: 12,
    );
    
    return Scaffold(
      body: GoogleMap(
        initialCameraPosition: _initialCameraPosition,
        onMapCreated: (GoogleMapController controller) {},
        markers: {
          Marker(
            markerId: MarkerId("1"),
            position: LatLng(48.8589507, 2.2942544),
            icon: BitmapDescriptor.fromAsset("images/marker.png"),
          ),
        },
      ),
    );
  }
}

在这个例子中，我们创建了一个初始的 CameraPosition 和一个 Marker。然后将这些都添加到了 GoogleMap widget 中。当用户访问这个地图时，将会看到一个带有标记的图片。

监听标记点击事件

如果你想要监听用户点击标记的事件，你可以为 GoogleMap widget 中的 markers 属性设置一个 Set.onTap（回调）方法。Marker onTap 方法将会传递一个 Marker 参数。你可以使用这个参数来获取点击位置的经纬度，或者你可以更进一步跳转到新界面。

import 'package:google_maps_flutter/google_maps_flutter.dart';

class MapScreen extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    CameraPosition _initialCameraPosition = CameraPosition(
      target: LatLng(48.8589507, 2.2942544),
      zoom: 12,
    );
    
    return Scaffold(
      body: GoogleMap(
        initialCameraPosition: _initialCameraPosition,
        onMapCreated: (GoogleMapController controller) {},
        markers: {
          Marker(
            markerId: MarkerId("1"),
            position: LatLng(48.8589507, 2.2942544),
            icon: BitmapDescriptor.fromAsset("images/marker.png"),
            onTap: () {
              // 在这里添加你想要的事件处理方法
            },
          ),
        },
      ),
    );
  }
}

在这个例子中，我们添加了一个 onTap 方法，它将在标记被点击时被调用。如果你想要以一种更加复杂的方式处理单击事件，你可以创建一个单独的方法，并在 onTap 方法中调用该方法。

总结

这就是在 google_map_flutter 中设置标记的全部内容了。在你了解了 CameraPosition、Marker 和 GoogleMapController 的基本概念之后，你已经可以开始在你的应用程序中添加标记了。如果你还有问题，可以查看 Google Maps Flutter 插件的官方文档，以获取更多关于这个插件的信息。