クリックしてマーカーを追加し、Googleマップに編集可能なテキストボックスを開きます。

Question

ユーザーがマーカーを追加する場所をクリックするだけで、そのマーカーでコメントを追加できるフルスクリーングーグルマップを作成しようとしています。

現時点では、マーカーを配置するためのクリックがありますが、追加のコメント部分を取得できないようです。

どのようにすればよいでしょうか？

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の値として入力したテキストを使用します。私は、もし「マーカーコメント」によってHTML/JS

Answer 1

を使用していますがInfo windowsのようなものを意味し、その後、次のスニペットを試してみてください。

の作業フィドル：http://jsfiddle.net/87v0obb4/8/