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

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

本文关键字：一个 编辑 文本 加标记 添加 谷歌地图 单击      更新时间：2023-09-26

我正在尝试创建全屏谷歌地图，用户只需点击一个位置即可添加标记，并使用该标记添加注释。

现在我可以点击标记，但我似乎无法获得添加评论的部分。

你知道怎么做吗？我正在使用HTML/JS

如果"Marker comment"指的是类似信息窗口的内容，请尝试以下片段：

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

它将弹出输入窗口，并使用输入的文本作为InfoWindow的值。

工作小提琴：http://jsfiddle.net/87v0obb4/8/

相关文章：