Карты Google - нажмите и заполните форму

Question

Мне было неясно, когда я задал свой вопрос ранее. Я попробую переписать это и приведу больше примеров.

У меня есть карта Google -

<script>
              var map;
          function initMap() {
            map = new google.maps.Map(document.getElementById('map'), {
              center: {lat: 39.8333333, lng: -98.585522},
              zoom: 3

            });
          }
        </script>

То, что я хочу сделать, это иметь возможность щелкнуть карту и заполнить форму, сгенерированную Jinja2

  <form method=post action="/add_spot/">
    <dl>
      {{render_field(form.lat)}}
      {{render_field(form.lng)}}
    </dl>
    <p><input type=submit value=Submit></p>
  </form>

Я понимаю, что вы должны использовать

window.google.maps.event.addListener(marker, 'click', function () { // do stuff });

или что-то подобное. Однако я не уверен, как объединить карту JS и кликер JS и / или что входит в строку "делать вещи". Любая помощь или руководство будет высоко ценится.

ПРИМЕЧАНИЕ * Возможный дубликат в комментариях мне не сильно помог, потому что он включает в себя просто размещение маркера и не требует помещения координат в поля формы.

Answer 1

Это так же просто, как (при условии map это твоя карта)

  map.addListener('click', function(e) {
    // e.latLng has the lat/long of the click - fill in your form in this callback
  });