Dodaj znacznik do mapy Google za pomocą kliknięcia

Zaskakująco trudno mi znaleźć bardzo prosty przykład dodawania znacznika (ów) do mapy Google, gdy użytkownik kliknął mapę.

Rozejrzałem się przez ostatnie kilka godzin i zapoznałem się z dokumentacją interfejsu API Map Google i byłbym wdzięczny za pomoc!

Po wielu dalszych poszukiwaniach udało mi się znaleźć rozwiązanie.

google.maps.event.addListener(map, 'click', function(event) {
   placeMarker(event.latLng);
});

function placeMarker(location) {
    var marker = new google.maps.Marker({
        position: location, 
        map: map
    });
}

W 2017 roku rozwiązaniem jest:

map.addListener('click', function(e) {
    placeMarker(e.latLng, map);
});

function placeMarker(position, map) {
    var marker = new google.maps.Marker({
        position: position,
        map: map
    });
    map.panTo(position);
}

W rzeczywistości jest to udokumentowana funkcja, którą można znaleźć tutaj

// This event listener calls addMarker() when the map is clicked.
  google.maps.event.addListener(map, 'click', function(e) {
    placeMarker(e.latLng, map);
  });

  function placeMarker(position, map) {
    var marker = new google.maps.Marker({
      position: position,
      map: map
    });  
    map.panTo(position);
  }

@Chaibi Alaa, aby użytkownik mógł dodawać tylko raz i przesuwać znacznik; Możesz ustawić znacznik przy pierwszym kliknięciu, a następnie po prostu zmieniać jego położenie przy kolejnych kliknięciach.

var marker;

google.maps.event.addListener(map, 'click', function(event) {
   placeMarker(event.latLng);
});


function placeMarker(location) {

    if (marker == null)
    {
          marker = new google.maps.Marker({
             position: location,
             map: map
          }); 
    } 
    else 
    {
        marker.setPosition(location); 
    } 
}

Obecnie metodą dodawania nasłuchiwania do mapy byłoby

map.addListener('click', function(e) {
    placeMarker(e.latLng, map);
});

I nie

google.maps.event.addListener(map, 'click', function(e) {
    placeMarker(e.latLng, map);
});

Odniesienie

1. Najpierw zadeklaruj znacznik:

this.marker = new google.maps.Marker({
   position: new google.maps.LatLng(12.924640523603115,77.61965398949724),
   map: map
});

2. Wywołaj metodę wykreślania znacznika po kliknięciu:

this.placeMarker(coordinates, this.map);

3. Zdefiniuj funkcję:

placeMarker(location, map) {
    var marker = new google.maps.Marker({
        position: location,
        map: map
    });
    this.markersArray.push(marker);
}