reactjs - 如何将标记添加到使用 geolocate.trigger() 找到的坐标？

Question

我想在使用 mapbox geolocate 找到的位置添加一个“标记”并拖放用户自己的位置

我怎样才能做到这一点？

我的代码是：

export default class Map extends React.Component {
  componentDidMount() {
    let map = new mapboxgl.Map({
      container: 'map',
      style: 'mapbox://styles/mapbox/streets-v10',
      center: [34.1108604, 38.8837679],
      zoom: 7 
    });
    const geolocate = new mapboxgl.GeolocateControl({
      positionOptions: {
          enableHighAccuracy: true,
          timeout : 10000
      },
      fitBoundsOptions: {
        maxZoom: 17
      },
      trackUserLocation: false,
      showUserLocation: false
    });
    map.addControl(geolocate);
    map.on('load', () => {
      geolocate.trigger();
    });
  }
  render() {
    return (
      <div>
        <div id="map" style={Style}/>
      </div>
    );
  }
}

谢谢！

标签： reactjsmapbox