在文本框中輸入后如何顯示圖釘

Question

如何在我的網站的Google地圖上顯示放入4個文本框（onchange之后的Pin更改）的地址？ 我想輸入4個字段（郵政編碼，城市，街道和門牌號），如果字母多於4個，他必須向我出示卡片上的地址

我從下載頁面嘗試了演示代碼

  $(function(){

$('#test').gmap3({
      map:{
        options:{
          center:[46.721976,14.180603],
          zoom:8,
          mapTypeId: google.maps.MapTypeId.ROADMAP,
          mapTypeControl: false,
          mapTypeControlOptions: false,
          navigationControl: false,
          scrollwheel: false,
          streetViewControl: false
        }
      }
    });


    $('#test-address').keydown(function(e){
      var addr = $('#test-address').val();
      if ( !addr || !addr.length ) return;
      $("#test").gmap3({
        getlatlng:{
          address:  addr,
          callback: function(results){
            if ( !results ) return;
            $(this).gmap3({
              marker:{
    latLng:results[0].geometry.location,
                map:{
                  center: true
                }
              }
            });
          }
        }
      });
    });

  });

但是我需要從4個輸入框中組合這個。

我怎樣才能做到這一點？

Answer 1

在HTML代碼中，我有輸入框和Gmap Div

這是從演示文件夾。 我需要4個輸入框（郵政編碼，城市，街道，門牌號）的組合，而不是1個輸入框，並且演示腳本會添加引腳，而不會刪除我之前所做的輸入（如果我更改地址）