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

或类似的东西。但是，我不确定如何将地图JS和点击器JS结合起来和/或什么进入＆＃34;做东西＆＃34;线。任何帮助或指导将不胜感激。

注意*评论中可能的副本对我没什么帮助，因为它只涉及放置标记而不涉及将坐标放在表格框中。

Answer 1

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

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

Google地图 - 点击并填写表单

1 个答案: