87

当用户在地图上单击鼠标左键时,我很难找到一个非常简单的示例来说明如何向 Google 地图添加标记。

在过去的几个小时里,我环顾四周,并查阅了 Google Maps API 文档,希望能得到一些帮助!

4

6 回答 6

173

经过进一步研究,我设法找到了解决方案。

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

function placeMarker(location) {
    var marker = new google.maps.Marker({
        position: location, 
        map: map
    });
}
于 2013-04-03T22:23:57.927 回答
47

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);
}
于 2017-03-30T16:02:43.867 回答
22

这实际上是一个记录的功能,可以在这里找到

// 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);
  }
于 2015-07-26T12:41:53.930 回答
15

@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); 
    } 
}
于 2016-12-15T14:16:55.300 回答
6

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

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

并不是

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

参考

于 2016-11-11T15:58:38.680 回答
0
  1. 首先声明标记:
this.marker = new google.maps.Marker({
   position: new google.maps.LatLng(12.924640523603115,77.61965398949724),
   map: map
});
  1. 调用方法以在单击时绘制标记:
this.placeMarker(coordinates, this.map);
  1. 定义函数:
placeMarker(location, map) {
    var marker = new google.maps.Marker({
        position: location,
        map: map
    });
    this.markersArray.push(marker);
}
于 2020-01-14T06:46:39.857 回答