javascript - 使用 gmaps api 中的参数调用函数 initmap

Question

我有这个函数，来自谷歌地图api教程的默认函数，我刚刚添加了2个参数latt和lngg。

function initMap(latt,lngg) {


    var uluru = {lat: latt , lng: lngg};
    var map = new google.maps.Map(document.getElementById('map'), {
      zoom: 15,
      center: uluru
    });
    var marker = new google.maps.Marker({
      position: uluru,
      map: map
    });
  }

我想像他们那样调用它:

<script async defer
src="https://maps.googleapis.com/maps/api/js?key=AIzaSyAmjE35Pm1eDdyF6Vg3WC69opkqLIVt3GY&callback=initMap">
</script>

但每次使用不同的参数，因为我将有 6000 个 map ，并且我想为每个函数调用脚本

我不知道像 &callback=initMap(latt,lngg) 这样的东西是否可能。

非常感谢

Answer 1

您可以有一个单独的脚本来设置变量，然后让 initMap() 调用这些变量。

var latt;
var lngg;

function setCoords(latt,lngg){
  this.latt = latt;
  this.lngg = lngg;
}

function initMap() {

    var uluru = {lat: latt , lng: lngg};
    var map = new google.maps.Map(document.getElementById('map'), {
      zoom: 15,
      center: uluru
    });
    var marker = new google.maps.Marker({
      position: uluru,
      map: map
    });
  }

<script type ='text/javascript'>setCoords(33.225488,-111.5955)</script>
<script async defer
src="https://maps.googleapis.com/maps/api/js?key=AIzaSyAmjE35Pm1eDdyF6Vg3WC69opkqLIVt3GY&callback=initMap">
</script>