Javascript 动态创建Google Maps API V3脚本函数

所以我尝试将Google Autocomplete与Google Maps API V3结合使用

用户将在地址字段（第1页）中输入地址，单击“下一步”，然后将出现一个灯箱（第2页），显示他们输入的地址地图

因此，地址的lat+long（来自第1页）将作为查询参数传递到lightbox URL（第2页）。下面的脚本需要使用lat+long在页面加载时构建自身

下面是默认的谷歌地图

<script>
  function initMap() {
    var address = {lat: lat_address, lng: lng_address};
    var map = new google.maps.Map(document.getElementById('map'), {
      zoom: 4,
      center: address
    });
    var marker = new google.maps.Marker({
      position: address,
      map: map
    });
  }
</script>

函数initMap（）{
var地址={lat:lat_地址，lng:lng_地址}；
var map=new google.maps.map（document.getElementById（'map'）{
缩放：4，
中心：地址
});
var marker=new google.maps.marker({
职位:地址:，
地图：地图
});
}

---

我不确定的是如何在页面加载时构建脚本。有人能给我建议吗？谢谢大家!

实际上我刚刚解决了这个问题，使用函数

getQueryVariable

从URL获取每个查询参数的值，然后在

initMap

中使用它在页面加载时传递变量

<script>
  //Function that allows easy access to param->value
  function getQueryVariable(variable)
  {
    var query = window.location.search.substring(1);
    var vars = query.split("&");
    for (var i=0;i<vars.length;i++) {
      var pair = vars[i].split("=");
      if(pair[0] == variable){return pair[1];}
    }
    return(false);
  }

  //Initialize the GMap
  function initMap() {
    var latAddress = getQueryVariable('lat_address');
    var latAddress = parseInt(latAddress);

    var lngAddress = getQueryVariable('lng_address');
    var lngAddress = parseInt(lngAddress);

    var address = {lat: latAddress, lng: lngAddress};
    var map = new google.maps.Map(document.getElementById('map'), {
      zoom: 4,
      center: address
    });
    var marker = new google.maps.Marker({
      position: address,
      map: map
    });
  }
</script>

//允许轻松访问参数->值的函数
函数getQueryVariable（变量）
{
var query=window.location.search.substring（1）；
var vars=query.split（&）；
对于（var i=0；i