Google Maps for Flutter - 拖动后获取标记的新位置

Question

我想用google Google Maps for Flutter和它的标记创建一个位置选择器。通过创建可拖动选项设置为true的标记，可以创建可拖动标记。使用以下代码段。

Widget _buildMap(BuildContext context) {
  return GoogleMap(
    options: GoogleMapOptions(
      cameraPosition: CameraPosition(
        target: LatLng(7.2906, 80.6337),
        zoom: 7.0,
      ),
      compassEnabled: true,
    ),
    onMapCreated: (controller) {
      _mapController = controller;
      controller.addMarker(
        MarkerOptions(
          draggable: true,
          flat: false,
          position: LatLng(7.2906, 80.6337),
        ),
      );
    },
  );
}

但是在拖动标记后我无法找到获取标记新位置的方法。我试图通过引用markers的MapController属性来获取标记的新位置，但它返回标记的初始位置。

_mapController.markers.forEach((marker) {
  print("Pos: " + marker.options.position.toString())
});

// Prints "Pos: LatLng[7.2906, 80.63369999999998]"

我在这里做错了什么，还是有另一种方法来完成这个用例？谢谢。

Answer 1

该软件包是开发人员预览版，版本0.0.3。在达到1.0之前，不要将其视为生产工作。同时，您可以提交一个问题，告知颤振团队您的具体优先事项。

Answer 2

我解决这个问题的方法是使用摄像机位置移动标记，然后使用当前摄像机位置来获取新坐标。您需要重构一下您的代码，以使用版本0.4 for google maps中的最新更改进行flutter，其中包括您需要添加到代码中的回调：

onCameraMove: ((_position) => _updateMarker(_position)),                        

然后，您可以在每次用户移动相机时设置标记的新状态，并将此坐标用于您需要的任何其他目的：

void _updatePosition(CameraPosition _position) {
    Position newMarkerPosition = Position(
        latitude: _position.target.latitude,
        longitude: _position.target.longitude);
    Marker marker = markers["your_marker"];

    setState(() {
      markers["your_marker"] = marker.copyWith(
          positionParam: LatLng(newMarkerPosition.latitude, newMarkerPosition.longitude));
    });
  }

告诉我它是否有效！

Answer 3

我通过添加监听器和一些条件来管理这个

  mapController.addListener(() async {
      final cameraCoordinates = mapController.cameraPosition.target;
      if (!mapController.isCameraMoving &&
          widget.selectedPlace.options.position !=
              mapController.cameraPosition.target) {
        mapController.updateMarker(
            widget.selectedPlace, MarkerOptions(position: cameraCoordinates));
      }
    });

这里mapController是GoogleMapController实例。