Klicken Sie hier, um eine Markierung hinzuzufügen und ein editierbares Textfeld in Google Maps zu öffnen

Question

Ich versuche, Google Maps im Vollbildmodus zu erstellen, wo ein Benutzer einfach auf einen Ort klicken kann, um einen Marker hinzuzufügen und mit diesem Marker einen Kommentar hinzuzufügen.

Im Moment habe ich den Klick, um den Marker zu arbeiten, aber ich kann nicht scheinen, um den Kommentar hinzuzufügen Teil.

Irgendeine Idee, wie man das funktioniert? Ich verwende HTML/JS

Answer 1

Wenn von „Marker Kommentar“ Sie so etwas wie Info windows bedeuten, dann versuchen Sie folgenden Ausschnitt:

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

Es wird das Eingabefenster Popup und den eingegebenen Text als Wert verwenden für InfoWindow .

Arbeits Geige: http://jsfiddle.net/87v0obb4/8/