Question

在Flutter中，我有一张地图，该地图借助location获取设备位置。然后，我使用此位置在Google Maps Flutter插件的帮助下在Google地图中显示标记。

代码类似于

 child: GoogleMap(
        mapType: MapType.hybrid,
        initialCameraPosition: CameraPosition(
          target: LatLng(lat, lng),
          zoom: 5,
        ),
        markers: Set<Marker>.of(
          <Marker>[
            Marker(
              draggable: true,
              markerId: MarkerId("1"),
              position: LatLng(lat, lng),
              icon: BitmapDescriptor.defaultMarker,
              infoWindow: const InfoWindow(
                title: 'Usted está aquí',
              ),
            )
          ],
        ),
        onMapCreated: (GoogleMapController controller) {
          mapController = controller;
        },
      ))

如果位置插件失败或获取错误数据，我需要选择重新定位此标记。我使用 draggable：true 来拖动标记，但是我需要采用新的纬度和经度将其保存在数据库中。

所以问题是：使用可拖动的设备，如何获得新的纬度和经度？

Answer 1

标记具有 onDragEnd 属性。使用 onDragEnd 属性赋予新的纬度和经度。

Marker(
          onTap: () {
            print('Tapped');
          },
          draggable: true,
          markerId: MarkerId('Marker'),
          position: LatLng(value.latitude, value.longitude),
          onDragEnd: ((value) {
            print(value.latitude);
            print(value.longitude);
          }))

Answer 2

如果您允许我，我建议您使用其他方法解决此问题。我认为在当前版本的Google Flutter（0.4.0）地图中，您没有方法可以在拖动标记后获取新位置，因此我的解决方案是使用相机位置来移动标记，然后使用当前摄像机位置以获取新坐标。因此，在您的代码中，您可以执行以下操作：

    child: GoogleMap(
        mapType: MapType.hybrid,
        initialCameraPosition: CameraPosition(
          target: LatLng(lat, lng),
          zoom: 5,
        ),
        markers: Set<Marker>.of(
          <Marker>[
            Marker(
              draggable: true,
              markerId: MarkerId("1"),
              position: LatLng(lat, lng),
              icon: BitmapDescriptor.defaultMarker,
              infoWindow: const InfoWindow(
                title: 'Usted está aquí',
              ),
            )
          ],
        ),
        onCameraMove: ((_position) => _updateMarker(_position)),            
        onMapCreated: (GoogleMapController controller) {
          mapController = controller;
        },
      ))

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

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

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

希望有帮助！

Flutter-拖动标记并获得新位置

2 个答案: