2016-07-19 1 views
-1

Я пытаюсь создать полноэкранные карты Google, где пользователь может просто щелкнуть по местоположению, чтобы добавить маркер, и с этим маркером добавить комментарий.Нажмите, чтобы добавить маркер, а также откройте редактируемое текстовое поле на Картах Google.

На данный момент у меня есть щелчок, чтобы поместить маркер, но я не могу получить добавленную часть комментария.

Любая идея, как заставить эту работу работать? Я использую HTML/JS

+1

Попробуйте разместить код, который вы имеете до сих пор –

ответ

0

Если на «Маркер комментарий» вы имеете в виду что-то вроде 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/

+0

Это идеальный вариант! Я вижу, где я ошибся. – MattDewy

Смежные вопросы