javascript - 如何在文本框中输入后显示引脚

Question

如何显示我放入 4 个文本框的地址(onchange 后引脚更改)在我网站上的 Google map 上？我想要 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 个输入框，演示脚本添加引脚而不删除我之前完成的输入(如果我更改地址)