亚洲乱码中文字幕综合,中国熟女仑乱hd,亚洲精品乱拍国产一区二区三区,一本大道卡一卡二卡三乱码全集资源,又粗又黄又硬又爽的免费视频

Google (Local) Search API的簡單使用介紹

 更新時間:2013年11月28日 09:44:56   作者:  
這篇文章主要介紹了Google (Local) Search API的簡單使用。需要的朋友可以過來參考下,希望對大家有所幫助

花了兩天的時間來用Google的API來做這么一個小東西,其實真正的實現(xiàn)代碼不是很多,十幾行而已。費時間的工作是了解各個API的功能以及調(diào)試JavaScript。

下面簡單介紹一下這次我用到的幾個函數(shù)吧。

•構造函數(shù)google.search.LocalSearch()

這其實是創(chuàng)建了一個LocalSearch的Service,這個Service和其他Service(News, Blog, Web)一樣,是供SearchControl使用的。這些Service決定了SearchControl的能力。

•設置LocalSearch的搜索結(jié)構類型

localSearch.setRestriction(google.search.Search.RESTRICT_TYPE, google.search.LocalSearch.TYPE_KMLONLY_RESULTS)

這說明搜索的結(jié)果沒有business的結(jié)果,只有kml和geocode結(jié)果

•設置LocalSearch的搜索范圍

localSearch.setCenterPoint("北京");

•google.search.SearcherOptions()

設置Search Service(Searcher)的屬性,作為SearchControl.addSearcher()的一個屬性使用,有以下選項可以選擇:


1.設置結(jié)果的顯示方式
•searcherOptions.setExpandMode(google.search.SearchControl.EXPAND_MODE_OPEN);

2.  設置檔沒有搜索結(jié)果時顯示的文字

•  searcherOptions.setNoResultsString(google.search.SearchControl.NO_RESULTS_DEFAULT_STRING);

3.  設置結(jié)果顯示的位置

•searcherOptions.setRoot(resultCanvas);

•new google.search.DrawOptions();

設置Google Search Control的顯示方式

•drawOptions.setDrawMode(google.search.SearchControl.DRAW_MODE_TABBED)

設置顯示方式為tabbed方式,即各個Searcher像tabs一樣顯示

•drawOptions.setInput(document.getElementById("input"));

將搜索輸入框的默認值改為用戶自定義的一個輸入框


將用戶選擇搜索結(jié)果作為一個相應的GResult對象返回,如LocalSearch的GResult就是一個GLocalResult。

這個選項費了我很長時間才找到,原因有二,一是用的人少,文檔少。二是我看的英文文檔,花了挺長時間才看明白,其實看中文文檔要花的時間更長,我覺得。

•searchControl.setOnKeepCallback(this, LocalSearchKeepHandler);

順便貼上LocalSearchKeepHandler的代碼,其參數(shù)為自動返回的那個GResult對象。

復制代碼 代碼如下:

function LocalSearchKeepHandler(result) {
  var from = document.getElementById("from");
  alert("result.tilte = " + result.title);
  from.value = ProcessString(result.title);
  alert("from.value = " + from.value);
 // alert(result.title);
 }

干脆把這段代碼整體貼出,方便閱讀
復制代碼 代碼如下:

google.load("search", "1", {"language": "zh-CN"});
 function initialize() {
     //LocalSearch Object used to create a local search service for the maps
        var localSearch = new google.search.LocalSearch(); 
        //restrict the local search resutls to kml and geocode results only, no business ones
        localSearch.setRestriction(google.search.Search.RESTRICT_TYPE, google.search.LocalSearch.TYPE_KMLONLY_RESULTS);            
        // Set the Local Search center point
  localSearch.setCenterPoint("北京"); 
  //It's about local search, which are used to set where the results will appear, a param of options
  var resultCanvas = document.getElementById("resultCanvas");      
  //options: open, alternate root
  var searcherOptions = new google.search.SearcherOptions();
  //show many results
  searcherOptions.setExpandMode(google.search.SearchControl.EXPAND_MODE_OPEN);
  //no results message
  searcherOptions.setNoResultsString(google.search.SearchControl.NO_RESULTS_DEFAULT_STRING);
  //options.setDrawMode(google.search.SearchControl.DRAW_MODE_TABBED);//web, local... in a tab show
  searcherOptions.setRoot(resultCanvas); //show the results in another place--<div id="resultCanvas">
     //SearchControl Object used to create a search service which will include a local search service                  
  var searchControl = new google.search.SearchControl(null);
  searchControl.addSearcher(localSearch, searcherOptions); 
  searchControl.addSearcher(new google.search.WebSearch());
  searchControl.addSearcher(new google.search.NewsSearch());
  searchControl.addSearcher(new google.search.BlogSearch());
  //draw options and set it to a tabbed view,
  var drawOptions = new google.search.DrawOptions();
  drawOptions.setDrawMode(google.search.SearchControl.DRAW_MODE_TABBED)
  //make the searchControl return a result:GResult
  searchControl.setOnKeepCallback(this, LocalSearchKeepHandler);//keeping a search result
  //this option is used to set the search box position in a DOM tree.
  //drawOptions.setSearchFormRoot(document.getElementById("drawOptions"));
  //set the input box to a user defined element 
  //drawOptions.setInput(document.getElementById("input"));
  // tell the search box to draw itself and tell it where to attach
 // searchControl.draw(document.getElementById("searchBox"), drawOptions);//Here I changed fromaddress and toaddress to search, a new place
  //another user defined input box
  drawOptions.setInput(document.getElementById("input2"));
  searchControl.draw();
  /** The codes below is about google Ajax Map Search API
  //this code segment is used to add a sidebar to show the results of the search
  //I wonder why no 'var' exists here
   optinos = new Object();
   options.resultList = resultCanvas;
   options.resultFormat = "multi-line1";
   var lsc2 = new google.elements.LocalSearch(options);
   map.addControl(lsc2, new GControlPosition(G_ANCHOR_TOP_LEFT, new GSize(-282, -2)));
    */
        }
 google.setOnLoadCallback(initialize);

相關文章

最新評論