google maps - studio - Agregar marcador a Google Map al hacer clic

google maps marker label

Question

Sorprendentemente estoy luchando por encontrar un ejemplo muy simple de cómo agregar un marcador (s) a un mapa de Google cuando un usuario deja clic en el mapa.

¡Miré alrededor durante las últimas horas y consulté la documentación de la API de Google Maps y agradecería algo de ayuda!

Answer 1

@Chaibi Alaa, puede establecer el marcador en el primer clic y luego simplemente cambiar la posición en los clics posteriores.

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

Answer 2

Actualmente, el método para agregar al oyente al mapa sería

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

Y no

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

here

Answer 3

Después de mucha investigación adicional, logré encontrar una solución.

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

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

Answer 4

En 2017, la solución es:

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

Answer 5

Esta es en realidad una función documentada, y se puede encontrar here

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