单击以添加标记并在 Google 地图上打开一个可编辑的文本框

Question

我正在尝试创建全屏 google 地图，用户只需单击某个位置即可添加标记，然后使用该标记添加评论。

目前我可以点击以放置标记，但我似乎无法获得添加评论部分。

知道如何让它工作吗？我正在使用 HTML/JS

Answer 1

如果 "Marker comment" 是指 Info windows 之类的意思，请尝试以下代码段：

  google.maps.event.addListener(map, 'click', function(event) {
    var result = prompt("Enter a value of comment for Marker.");
    marker = new google.maps.Marker({
      draggable: true,
      position: myLatlng,
      map: map
    });
    attachMessage(marker, result);
    marker.setPosition(event.latLng);
  });

 function attachMessage(marker, message) {
  var infowindow = new google.maps.InfoWindow({
    content: message
  });        
  marker.addListener('click', function() {
    infowindow.open(map, marker);
  });
 }

它将弹出输入 window 并将输入的文本用作 InfoWindow 的值。

工作fiddle：http://jsfiddle.net/87v0obb4/8/

单击以添加标记并在 Google 地图上打开一个可编辑的文本框

Click to add marker as well as open an editable text box on Google Maps

html

javascript

maps

google-maps

marker