Размещение маркеров в Google Maps

Question

Я пытаюсь щелкнуть по карте google и отобразить широту и долготу на div.

Это мой JS код:

map.instance.addListener('click', function(e) { 
    if (map.geozones.length < 50) { 
    map.placeMarker(e.latLng); 
    $("#geopoint-list").prepend("<br>"); 
    $("#geopoint-list").prepend("(" + map.markerList[0].position.lat() + ", " + map.markerList[0].position.lng() + ")"); 
    } 
); 

Я просто понимаю, все они разделяют ту же позицию. Я думаю, это связано с тем, что addListener делит событие «e». Позиция, которую он отображает, но все они показывают то же самое, что и первое место.

Любая идея? Новое здесь, в JS.

Спасибо!

Answer 1

Я думаю, это потому, что вы используете

map.markerList[0].position.lat() 

, который всегда будет элемент на позиции 0 вашего markerList.

Answer 2

Try:

map.instance.addListener('click', function(e) { 
    if (map.geozones.length < 50) { 
    map.placeMarker(e.latLng); 
    $("#geopoint-list").prepend("<br>"); 
    $("#geopoint-list").prepend("(" + e.latLng.lat() + ", " + e.latLng.lng() + ")"); 
    } 
);