使用 Google AJAX API

使用 Google AJAX API

目录

使用入门

Google 具有许多可以在不使用服务器端代码的情况下在网页中使用的 Google AJAX API，包括 Google 地图 API、Google AJAX 搜索 API 和 Google AJAX 供稿 API。要在网页中使用任意或所有 API，您只需在网页顶部添加一个

如果您还没有 Google API 密钥，则可以免费注册一个 API 密钥。

载入 Google AJAX API 脚本后，您便可以使用 google.load 指定要在网页上使用的模块：

 type="text/javascript"> 
  google.load("maps", "2"); 
  google.load("search", "1"); 

上述实例将载入 2 版的地图 API 和 1 版的 AJAX 搜索 API。调用 google.load 后，可以在网页中使用所有已载入的模块。此外，可以使用 google.setOnLoadCallback 来记录文档载入后要被调用的指定处理程序函数。此处是包含所有代码的实例：

 
   
     type="text/javascript" 
src="http://www.google.com/jsapi?key=ABCDEFG"> 
     type="text/javascript"> 
      google.load("maps", "2"); 
      google.load("search", "1"); 
 
      // Call this function when the page has been loaded 
      function initialize() { 
        var map = new google.maps.Map2(document.getElementById("map")); 
        map.setCenter(new google.maps.LatLng(37.4419, -122.1419), 13); 
 
        var searchControl = new google.search.SearchControl(); 
        searchControl.addSearcher(new google.search.WebSearch()); 
        searchControl.addSearcher(new google.search.NewsSearch()); 
        searchControl.draw(document.getElementById("searchcontrol")); 
      } 
      google.setOnLoadCallback(initialize); 
     
 
   
   
     id="map" style="width: 200px; height: 200px">

 
    id="searchcontrol">

 
   
 

当载入文档时，google.setOnLoadCallback 被用作 window.onload 的帮助程序，这种情况只发生一次。因此，对于 API 的动态载入（例如进行了用户交互后），应当使用带有回调选项的 google.load（如下所示）。

详细文档

google.load

Google AJAX API