Question

令人惊讶的是，当用户点击地图时，我很难找到一个如何向Google地图添加标记的简单示例。

过去几个小时我一直在寻找，并查阅了Google Maps API文档，非常感谢您的帮助！

Answer 1

经过深入研究后，我设法找到了解决方案。

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 2

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

Answer 3

这实际上是一个记录在案的功能，可以找到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);
  }

Answer 4

目前，将侦听器添加到地图的方法是

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

而不是

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

Reference

Answer 5

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

Answer 6

首先声明标记：

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

调用该方法以在点击时绘制标记：

this.placeMarker(coordinates, this.map);

定义功能：

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

点击即可将标记添加到Google地图

6 个答案: