Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/401.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 单击以添加标记,并在谷歌地图上打开一个可编辑的文本框_Javascript_Html_Google Maps_Maps_Marker - Fatal编程技术网

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

Javascript 单击以添加标记,并在谷歌地图上打开一个可编辑的文本框,javascript,html,google-maps,maps,marker,Javascript,Html,Google Maps,Maps,Marker,我正在尝试创建全屏谷歌地图,用户只需点击一个位置添加一个标记,然后用该标记添加一条评论 目前,我有点击放置标记工作,但我似乎无法获得添加评论部分 你知道怎么让它工作吗?我使用的是HTML/JS如果您所说的“标记注释”是指类似的内容,请尝试以下代码段: google.maps.event.addListener(map, 'click', function(event) { var result = prompt("Enter a value of comment for Marker

我正在尝试创建全屏谷歌地图,用户只需点击一个位置添加一个标记,然后用该标记添加一条评论

目前,我有点击放置标记工作,但我似乎无法获得添加评论部分

你知道怎么让它工作吗?我使用的是HTML/JS

如果您所说的“标记注释”是指类似的内容,请尝试以下代码段:

  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
的值


工作提琴:

试着发布你到目前为止的代码