有没有办法使用google-map-react从这个可拖动的标记中获取坐标？

Question

我已经做了标记，所以它可以在地图上拖动。不过，我正在尝试从标记中获取坐标，以便将它们保存到我的数据库中。下面是代码，有没有一个函数，当标记被拖动时，我可以从中获得坐标。或者我应该使用另一个google地图react库。

import React, {Component, useCallback} from "react";
import GoogleMapReact from "google-map-react";

class Map extends Component {
  loadMap = (map, maps) => {

    let marker = new maps.Marker({
      position: { lat: 40.856795, lng: -73.954298 },
      map,
      draggable: true,

    });
  };
  

  render() {
    return (
      <div style={{ height: "400px", width: "100%" }}>
        <GoogleMapReact
          bootstrapURLKeys={{ key: "key here" }}
          defaultCenter={{ lat: 40.756795, lng: -73.954298 }}
          defaultZoom={10}
          yesIWantToUseGoogleMapApiInternals
          onGoogleApiLoaded={({ map, maps }) => this.loadMap(map, maps)}

        >
        </GoogleMapReact>
      </div>
    );
  }
}

export default Map;

Answer 1

您将使用google api作为标记，因此可以使用marker docs。

具体来说，您应该使用dragend event

就像这样

handleDragEnd = (event) => {
  console.log(event.latLng);
}

loadMap = (map, maps) => {
  let marker = new maps.Marker({
    position: { lat: 40.856795, lng: -73.954298 },
    map,
    draggable: true,
  });
  marker.addListener('dragend', this.handleDragEnd);
};