클릭하여 마커를 추가하고 Google지도에 편집 가능한 텍스트 상자를 엽니 다.

Question

사용자가 위치를 클릭하여 마커를 추가하고 해당 마커를 사용하여 댓글을 추가 할 수있는 전체 화면 Google지도를 만들려고합니다.

마커를 놓을 때 클릭이 발생하지만 추가 댓글 부분을 가져올 수 없습니다.

이 아이디어를 얻으려면 어떻게해야할까요?

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/