谷歌地圖 - 點擊並填寫表格

當我早些時候問我的問題時，我並不清楚。我會嘗試對它進行重新說明並舉出更多的例子。谷歌地圖 - 點擊並填寫表格

我有一個谷歌地圖 -

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

什麼simila河然而，我不確定如何結合地圖JS和喀噠聲母JS和/或什麼進入「做東西」行。任何幫助或指導將不勝感激。

注意*註釋中的可能重複對我沒有多大幫助，因爲它只涉及放置標記，並不涉及將座標放置在表單框中。

來源

2017-03-08 BrettJ

的可能重複[點擊上放置谷歌地圖標記的JavaScript API（http://stackoverflow.com/questions/35053426/place-marker -on-click-google-maps-javascript-api） – geocodezip

它的那樣簡單（假設map是你的地圖）

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

來源

2017-03-08 01:10:12

你說得對，我想明白如何實現它，所以謝謝。 – BrettJ

谷歌地圖 - 點擊並填寫表格

回答

相關問題