javascript - 谷歌 AJAX API 加载器

Question

我在响应用户输入而不是页面加载时加载 Google AJAX API 时遇到问题。

这个有效:

<script type="text/javascript" src="http://www.google.com/jsapi"></script>
<script type="text/javascript">
    google.load("search", "1");
    google.setOnLoadCallback(function() { alert("loaded"); });
</script>

但这不是:

<script type="text/javascript" src="http://www.google.com/jsapi"></script>
<script type="text/javascript">
    function clicked() {
        google.load("search", "1");
        google.setOnLoadCallback(function() { alert("loaded"); });
    }
</script>

clicked 函数是一个简单链接的处理程序。

有人知道为什么吗？

Answer 1

根据 IE 响应，可能是在您单击按钮时 Google AJAX API 尚未加载，因此未定义“google”对象。

试试这个(http://code.google.com/apis/ajax/documentation/):

function mapsLoaded() {
  var map = new google.maps.Map2(document.getElementById("map"));
  map.setCenter(new google.maps.LatLng(37.4419, -122.1419), 13);
}

function loadMaps() {
  google.load("maps", "2", {"callback" : mapsLoaded});
}

function initLoader() {
  var script = document.createElement("script");
  script.src = "http://www.google.com/jsapi?key=ABCDEFG&callback=loadMaps";
  script.type = "text/javascript";
  document.getElementsByTagName("head")[0].appendChild(script);
}