Javascript 点击左键在谷歌地图上添加标记。尝试修改一个示例

下面是一个例子

把代码复制到这里

map.setContextMenu({
  control: "map",
  options: [{
    title: "Add marker",
    name: "add_marker",
      action: function(e) {
      this.addMarker({
      lat: e.latLng.lat(),
      lng: e.latLng.lng()
      });
    }
  }]
});

右键单击，请参见添加标记。在marker上单击鼠标左键，然后查看地图上的marker

但要在左键单击时添加标记吗

尝试

map = new GMaps({
  click: function(event) {

  //alert("click");
  var lat=event.latLng.lat();
  var lng=event.latLng.lng();
  alert ( lat+ ", "+ lng );

   this.addMarker({
   lat: event.latLng.lat(),
   lng: event.latLng.lng(),
   });

  }
});

当左键单击工作

警报（纬度+”，“+lng），但未添加任何标记。需要纠正什么

解决方案看起来非常简单

map = new GMaps({
  click: function(event) {

  //alert("click");
  var lat=event.latLng.lat();
  var lng=event.latLng.lng();
  alert ( lat+ ", "+ lng );

   map.addMarker({
   lat: lat,
   lng: lng,
   });

  }
});

//这只是一个片段。请阅读谷歌地图API库中的信息窗口和标记

var infowindow = new google.maps.InfoWindow({
    content: '' //content is your HTML/div element  with a menu this is where your menu context is located
});


 var marker = new google.maps.Marker({
    title: 'your title',
    position: new google.maps.LatLng(yourlat, yourlng),
    map: map //your map
});


google.maps.event.addListener(marker, 'click', function() { 
    infowindow.setContent(html); 
    infowindow.open(map, marker); 
}); 

我想你得自己动手了。我将发布一些基于此示例的exampleFound解决方案。现在需要了解如果单击其他位置，如何删除以前的标记…请参阅此处的removeMarkers谢谢。我不知道图书馆的GMAP，很高兴通过你找到了。我做的都是硬核编码。这个图书馆将来会让我的生活更轻松。