Добавить маркер на карту Google при нажатии

Я на удивление изо всех сил пытаюсь найти очень простой пример того, как добавить маркер (маркеры) на карту Google, когда пользователь оставил щелчок на карте.

Я осмотрелся последние пару часов, проконсультировался с документацией по API Карт Google и был бы признателен за помощь!

После долгих исследований мне удалось найти решение.

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

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

В 2017 году решение:

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);
}

На самом деле это задокументированная функция, и ее можно найти здесь

// 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, чтобы пользователь мог добавлять только один раз, а маркер перемещать; Вы можете установить маркер при первом щелчке, а затем просто изменить положение при последующих щелчках.

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); 
    } 
}

В настоящее время метод добавления слушателя на карту будет

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

И нет

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

Справка

1. Сначала объявите маркер:

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

2. Вызовите метод построения маркера при нажатии:

this.placeMarker(coordinates, this.map);

3. Определите функцию:

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