点击添加标记以及在Google地图上打开可编辑的文本框

时间:2016-07-19 10:06:22

标签: javascript html google-maps maps marker

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

目前我点击标记有效,但我似乎无法获得添加评论部分。

知道如何让这个工作吗?我正在使用HTML / JS

1 个答案:

答案 0 :(得分:0)

如果通过" Marker评论"你的意思是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);
  });
 } 

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

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