亚洲香蕉成人av网站在线观看_欧美精品成人91久久久久久久_久久久久久久久久久亚洲_热久久视久久精品18亚洲精品_国产精自产拍久久久久久_亚洲色图国产精品_91精品国产网站_中文字幕欧美日韩精品_国产精品久久久久久亚洲调教_国产精品久久一区_性夜试看影院91社区_97在线观看视频国产_68精品久久久久久欧美_欧美精品在线观看_国产精品一区二区久久精品_欧美老女人bb

首頁 > 編程 > 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);

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
亚洲香蕉成人av网站在线观看_欧美精品成人91久久久久久久_久久久久久久久久久亚洲_热久久视久久精品18亚洲精品_国产精自产拍久久久久久_亚洲色图国产精品_91精品国产网站_中文字幕欧美日韩精品_国产精品久久久久久亚洲调教_国产精品久久一区_性夜试看影院91社区_97在线观看视频国产_68精品久久久久久欧美_欧美精品在线观看_国产精品一区二区久久精品_欧美老女人bb
亚洲成人激情在线| 欧美激情精品久久久久久蜜臀| 91精品视频在线看| 黄色精品一区二区| 热门国产精品亚洲第一区在线| 欧美激情国产精品| 91国内揄拍国内精品对白| 国产精品第一页在线| 亚洲精品aⅴ中文字幕乱码| 久久成年人视频| 成人亚洲欧美一区二区三区| 亚洲free性xxxx护士hd| 亚洲二区在线播放视频| 欧美日韩国产限制| 亚洲欧美精品中文字幕在线| 亚洲一区久久久| 欧美日韩国产精品一区二区三区四区| 成人av电影天堂| 人人做人人澡人人爽欧美| 欧美在线观看www| 国产精品久久久久久久久久久不卡| 欧美日韩一区二区精品| 成人信息集中地欧美| 亚洲国产高清高潮精品美女| 国产免费亚洲高清| 日韩高清免费观看| 亚洲综合在线小说| 国产成人精品国内自产拍免费看| 91午夜理伦私人影院| 欧美男插女视频| 在线观看日韩av| 亚洲精品一二区| 欧美精品日韩www.p站| 久热爱精品视频线路一| 久久精品国产2020观看福利| 最近2019中文字幕大全第二页| 亚洲区免费影片| 国产成人av网| 91黑丝高跟在线| 庆余年2免费日韩剧观看大牛| 国产成人亚洲综合91| 日韩精品久久久久| 97国产真实伦对白精彩视频8| 亚洲精品美女久久久| 亚洲精品一区av在线播放| 国产日韩在线播放| 亚洲精品福利免费在线观看| 久久人人爽人人爽人人片av高请| 欧美激情精品久久久久久黑人| 亚洲一区av在线播放| 91精品久久久久久久久久久久久| 亚洲精品免费一区二区三区| 欧美在线视频网站| 国产成人av在线| 在线电影欧美日韩一区二区私密| 国产精品日韩电影| 国产日韩欧美中文在线播放| 欧美在线视频观看免费网站| 亚洲精品aⅴ中文字幕乱码| 日韩av理论片| 深夜福利亚洲导航| 超碰日本道色综合久久综合| 美女视频黄免费的亚洲男人天堂| 成人欧美在线观看| 成人久久久久久久| 精品福利在线视频| 久久艹在线视频| 欧美日韩免费在线观看| 久久国产精品偷| 人人做人人澡人人爽欧美| 日韩av最新在线观看| 国产中文字幕91| 日韩视频免费在线观看| 国产在线a不卡| 日韩大胆人体377p| 亚洲人成欧美中文字幕| 国产97在线观看| 精品国产一区二区三区在线观看| 日韩高清欧美高清| 国产精品久久久久久影视| 九九热精品在线| 日韩成人在线观看| 欧美国产日韩中文字幕在线| 97视频免费观看| 国产精品久久久久福利| 亚洲色图五月天| 日韩精品在线观| 91在线观看免费高清| 懂色av中文一区二区三区天美| 欧美精品videosex极品1| 日韩女优人人人人射在线视频| 精品无人区乱码1区2区3区在线| 日韩网站免费观看| 最近更新的2019中文字幕| 国内精品在线一区| 国产精品日日做人人爱| 亚洲成在人线av| 亚洲天堂网站在线观看视频| 日韩最新在线视频| 日本久久91av| 欧美激情一区二区三区在线视频观看| 久久久亚洲天堂| 欧美黄色三级网站| 亚洲成人国产精品| 成人在线激情视频| 久久久av一区| 欧美精品精品精品精品免费| 国外色69视频在线观看| 日韩高清人体午夜| 91久久国产精品91久久性色| 中文字幕欧美精品在线| 久久国产精彩视频| 高清在线视频日韩欧美| 亚洲小视频在线观看| 国产欧美在线观看| 国产欧美一区二区三区四区| 色播久久人人爽人人爽人人片视av| 亚洲美女精品成人在线视频| 欧美性色19p| 精品国产成人av| 日韩va亚洲va欧洲va国产| 亚洲综合中文字幕在线观看| 亚洲成人性视频| 欧美洲成人男女午夜视频| 韩国三级电影久久久久久| 午夜精品三级视频福利| 91在线视频精品| 久久精品色欧美aⅴ一区二区| 5278欧美一区二区三区| 国产欧美一区二区白浆黑人| 丝袜美腿精品国产二区| 欧美成人h版在线观看| 91免费在线视频网站| 97超级碰碰人国产在线观看| 欧美精品久久久久久久久| 成人免费网站在线看| 国产69精品久久久久9999| 欧美成人精品xxx| 国产不卡在线观看| 成人有码在线视频| 日本精品免费一区二区三区| 91免费看国产| 色婷婷久久av| 亚洲精品视频网上网址在线观看| 91网在线免费观看| 亚洲a区在线视频| 91精品视频在线免费观看| 亚洲欧美日韩另类| 日韩亚洲欧美中文高清在线| 亚洲国模精品私拍| 亚洲色图校园春色| 亚洲欧美国产精品专区久久| 欧美理论电影网| 懂色av影视一区二区三区| 在线电影av不卡网址| 久久精品99久久香蕉国产色戒| 日韩小视频在线| 热久久美女精品天天吊色| 日韩在线观看电影| 国产精品扒开腿爽爽爽视频| 久久久精品国产网站| 亚洲一区二区三区毛片| 91精品国产99久久久久久| 国产高清在线不卡|