谷歌地图 - 点击并填写表格

Question

我之前问我的问题时并不清楚。我会尝试改写它并提供更多示例。

我有一个谷歌地图 -

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

或类似的东西。但是，我不确定如何结合 map JS 和 clicker JS 和/或“do stuff”行中的内容。任何帮助或指导将不胜感激。

注意* cmets 中可能的重复项对我没有多大帮助，因为它只涉及放置标记而不涉及将坐标放入表单框中。

Answer 1

很简单（假设map 是您的地图）

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