国产激情自拍_国产9色视频_丁香花在线电影小说观看 _久久久久国产精品嫩草影院

首頁 > 編程 > JavaScript > 正文

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

2019-11-20 21:34:15
字體:
來源:轉載
供稿:網友

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

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

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

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

•設置LocalSearch的搜索結構類型

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

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

•設置LocalSearch的搜索范圍

localSearch.setCenterPoint("北京");

•google.search.SearcherOptions()

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


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

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

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

3.  設置結果顯示的位置

•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"));

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


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

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

•searchControl.setOnKeepCallback(this, LocalSearchKeepHandler);

順便貼上LocalSearchKeepHandler的代碼,其參數為自動返回的那個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);

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
国产激情自拍_国产9色视频_丁香花在线电影小说观看 _久久久久国产精品嫩草影院
国产一二在线观看| 国产精品视频一区麻豆| 中文在线视频| 中文字幕av免费| 午夜在线视频| 国产中文在线观看| 国产中文在线| 2019年中文字幕| 麻豆国产视频| 国产第一页在线视频| 在线天堂中文| 狠狠干婷婷色| 在线免费国产| 五月婷婷导航| 麻豆精品免费视频入口| 国产9色视频| 91超碰国产在线| 天天草天天操| 精品一二三区视频| 国产一级黄色片免费| 不卡av免费观看| 国产精品186在线观看在线播放| av在线天天| 精品电影在线| 国产精品久久久久永久免费看| a视频在线播放| 国产精品久久麻豆| 好男人免费精品视频| av在线1区2区| 精品卡一卡卡2卡3网站| 国产午夜在线视频| 天天操天天操一操| 国产原创精品视频| 国产在线高潮| 国产美女福利在线| 国产麻豆视频网站| www中文字幕在线观看| 在线视频中文字幕| 在线免费黄色毛片| 国产福利av网站| 91caoporn在线| 国产精品自拍亚洲| 黄色三级视频在线观看| 国产在线观看18| 国产精品自拍亚洲| 中文字幕乱在线伦视频乱在线伦视频| 精品资源在线看| 超碰在线97国产| 久久久久久久美女| 中文字幕有码在线视频| 国产黄色在线网站| 国产三级视频在线看| 国产丝袜在线| 国产精品合集一区二区| 中文在线观看视频| www.狠狠插| 国产图片综合| 亚洲欧美自拍另类| 超碰在线网址| 午夜视频在线看| 91中文字幕网| 日本欧美在线视频免费观看| 久久久久久久久久久久久91| 国产一级黄色电影| 亚洲欧美精品日韩欧美| 国精一区二区三区| 91美女主播在线视频| 在线黄色国产电影| 日本中文字幕视频在线| 999在线视频| 国产综合视频一区二区三区免费| 国产情侣高潮对白| a视频在线观看免费| 国产视频97| 欧洲亚洲精品视频| 国产日产一区二区| 欧美日韩不卡中文字幕在线| 国产精品区一区二| 国产免费黄视频在线观看| 亚洲综合激情六月婷婷在线观看| 最新黄网在线观看| 一本大道五月香蕉| 国产偷窥老熟盗摄视频| 青青在线视频| 精品卡一卡卡2卡3网站| 国产黄色片中文字幕| 国产鲁鲁视频在线观看特色| 在线免费观看你懂的| 国产性一级片| 最近中文字幕mv免费高清视频8 | 精品入口蜜桃| 国产偷激情在线| 青青草在线免费观看| 在线看黄色av| 一本久中文高清| 精品免费视频一卡2卡三卡4卡不卡| 九九在线免费视频| 欧美大交乱xxxx| 男人天堂v视频| 欧美国产中文| 黄色av网站在线免费观看| 亚洲精品天堂在线| av在线首页| 超碰国产在线观看| 久草网在线视频| 国产在线一二三| 中文字幕免费中文| 懂色av中文在线| 国产美女被草| 尤物视频网站在线观看| 国产精选在线观看| 国产香蕉尹人视频在线| 国产婷婷视频在线| 伊人网在线免费观看| www在线观看播放免费视频日本| 久久国产情侣| 国产三级在线| av天天在线| 99热最新网址| av免费在线播放| 最近中文字幕mv免费高清视频8| 国产成人无吗| 天天操中文字幕视频| 国产在线麻豆精品| 国产福利图片| 免费精品国产自产拍观看| 国产免费黄网站| 69堂视频在线观看国产| 欧美啪啪精品| 999精品网| 国产老肥熟xxxx在线观看| 精品偷拍激情视频在线观看| 青青草免费在线视频| 国产va在线| 中文字幕不卡免费视频| www在线观看播放免费视频日本| 国产香蕉免费精品视频| 日韩黄色成人| 国产不卡在线| 国产亚洲精品久久久久久青梅| www.99色.com| 在线观看av中文| 国产区高清在线| 国产麻豆精品高清在线播放 | 国产一区二区三区美女秒播| 亚洲国产日韩在线人成电影| 国产精品秘入口| 中文字幕在线影视资源| www.超级碰| 一二三四区在线观看| 黄色电影网站在线观看| av在线中文| av一本在线| 91九色在线看| 国产精品粉嫩av| 午夜av在线免费观看| 国产麻豆综合视频在线观看| 啪啪免费视频一区| jizz性欧美| 男人天堂v视频| 日本视频一二三区中文字幕| 亚洲最新永久观看在线| 91视频黄色| av日韩国产| 麻豆精品免费视频入口| 日本在线免费中文字幕| a视频免费看| 国产永久免费高清在线观看| 国产麻豆精品高清在线播放| 国产丝袜精品丝袜| 97福利电影| 免费在线观看a| 超碰在线观看免费版| 黄色毛片在线看| 最新中文字幕在线| 国产精品186在线观看在线播放 | 国产视频1区| 69国产精品| www.操.com| 五月亚洲综合| 国产成人精品男人的天堂538| 精品国产白色丝袜高跟鞋| 午夜性爽视频男人的天堂| 免费精品国产自产拍在| 日本中文字幕高清视频| 国产二级片在线| 热99re久久精品这里都是免费| 好男人免费精品视频| 999精品网| 国产免费av高清在线| 亚洲最新永久观看在线| 成人免费一区二区三区牛牛| 国产精品久久一区二区三区不卡| 影音av资源站| 九九视频精品在线| 精精国产xxxx视频在线动漫| 国产永久免费高清在线观看| 制服丝袜中文字幕在线观看| 狠狠操天天操夜夜操| 夜夜爽视频导航|