live search

Live Search是微軟的智慧型搜尋服務,已被必應Bing取代。

基本介紹

相關介紹,Live Search地圖,公交換乘查詢功能強大,Live Search換乘路線圖示很明顯,Google地圖的缺陷,Google地圖換乘點圖示不是很明顯,Google地圖沒有提供公交路線換乘查詢功能,AJAX Live Search,作用,AJAX Live Search,例子,例子解釋,例子解釋,

相關介紹

Live Search 包含多個選項卡,每個選項卡都提供了豐富的資源。請選擇相應類別獲取您需要的內容,類別包括新聞、內容訂閱源、圖片、視頻、購物、學術論文等。
搜尋結果顯示在一個滾動平滑的頁面中,以希望的方式顯示.將搜尋結果保存到Live頁面。
Live Search 正式版主頁面Live Search 正式版主頁面
微軟Live Search可以直接搜尋企業名稱
搜尋途徑多樣化
除在搜尋框裡進行文字輸入外,Live Search可以在地圖上直接用滑鼠右鍵進行操作 。Live Search搜尋可以通過點擊滑鼠右鍵在地圖任意地點上添加標識,用戶還可以在地圖上用滑鼠確立公交查詢的起始點,不用在搜尋框中鍵入文字便可查詢公交線路。而Google地圖百度地圖只有在搜尋框中輸入文字進行搜尋這一種查詢方式。

Live Search地圖

獨有功能:個性化設定
Live Search地圖可以創建屬於自己的“個人地圖”,並利用“地圖收藏”功能收藏自己的地圖。用戶可以用滑鼠右鍵在地圖上創建自己需要的標識並進行保存。
用戶可以自行添加地圖示注,並且可以添加標題、備註、並且可以添加URL信息和照片URL。這個功能非常的便捷,對於需要經常查詢的地點不需要多次重複的搜尋,可以快捷的通過地圖收藏來進行查看。
除此之外,微軟Live Search地圖搜尋還提供了強大的地圖示志功能,用戶可以標註不同位置之間的路線圖,系統會自動計算距離。有趣的是,Live Search地圖搜尋還提供不規則多邊形的標註,用戶可以自行計算某一區域的面積,功能非常強大。並且用戶使用Windows Live ID登錄後,就可以永久的保留自己所做的標註
微軟Live Search地圖服務(中文)微軟Live Search地圖服務(中文)
Live Search可以標識地點、距離、區域面積
如果想訪問之前收藏的地圖,可以通過點擊“地圖收藏”這個標籤來進行訪問。
Google地圖和百度地圖均不提供上述這些個性化的設定功能。據悉,微軟Live Search還將不斷推出更為強大的個性化功能,用戶除了自己標註地圖信息外,還可以與好友分享地圖搜尋的結果,極大的方便了溝通和分享。

公交換乘查詢功能強大

中國,大多數人以公共運輸作為出行工具,而且中國的公交信息更新非常頻繁。Live Search地圖搜尋把公交換乘搜尋作為最重要的搜尋內容來開發,是完全以中國用戶的需求為出發點。與之相比,Google地圖搜尋尚未發布公交換乘,而百度地圖搜尋雖然有公交換乘,但在頁面上卻沒有公交查詢的入口,使用不是很方便,而且數據非常少。
Live Search公交路線搜尋結果非常豐富,並且換乘介紹非常詳細,甚至標示出了換乘間需要步行的方向還有距離。Live Search和Google地圖和百度地圖不同的是可以根據最少換乘和最短時間來搜尋,並且增加了估計時間的提示,這樣的設計顯得很貼心。

Live Search換乘路線圖示很明顯

公交換乘路線的圖示很明顯,並且在每個換乘地點會有相應的圖示,將滑鼠移動到換乘提示的圖示處會有相應換乘說明。而百度地圖的換乘標誌不是很明顯並且沒有相關的說明:

Google地圖的缺陷

Google地圖換乘點圖示不是很明顯

但是相比之下Google地圖只提供了行車路線而沒有提供公交換乘的查詢功能,不太適合中國用戶的使用習慣。

Google地圖沒有提供公交路線換乘查詢功能

綜上所述,微軟推出的這款Live Search地圖產品具備了友好的用戶界面和便捷的用戶體驗,在城市覆蓋範圍,周邊信息搜尋,本地搜尋信息數量方面在同類產品中也具備優勢。稍顯不足的是個別瀏覽器中運行速度稍慢,相信Live Search的後續版本可以彌補這個問題。但是瑕不掩瑜,微軟Live Search可以說是一款非常成功的電子地圖產品。

AJAX Live Search

作用

可為用戶提供更友好、互動性更強的搜尋體驗。

AJAX Live Search

在下面的 AJAX 例子中,我們將演示一個實時的搜尋。
實時的搜尋與傳統搜尋相比,具有很多優勢:
當鍵入數據時,就會顯示出匹配的結果
當繼續鍵入數據時,對結果進行過濾
如果結果太少,刪除字元就可以獲得更寬的範圍

例子

HTML 表單
這是 HTML 頁面。它包含一個簡單的 HTML 表單,針對此表單的 CSS 樣式,以及指向 JavaScript 的連結:
<html>
<head>
<script src="livesearch.js"></script>
<style type="text/css">
#livesearch { margin:0px; width:194px; }
#txt1 { margin:0px; } </style>
</head>
<body>
<form><input type="text" id="txt1" size="30"onkeyup="showResult(this.value)">
<div id="livesearch"></div>
</form>
</body>
</html>
例子解釋 - HTML 表單
正如你看到的,HTML 頁面包含一個簡單的 HTML 表單,其中的文本框名為 "txt1"。
表單是這樣工作的:
當用戶在文本框中按鍵並鬆開按鍵時,會觸發一個事件
當事件觸發時,會執行名為 showResult() 的函式
表單下面是名為 "livesearch" 的 <div> 元素。它用作 showResult() 所返回數據的占位符
JavaScript
JavaScript 代碼存儲在與 HTML 文檔連線的 "livesearch.js" 中:
var xmlHttpfunction showResult(str){if (str.length==0) { document.getElementById("livesearch"). innerHTML=""; document.getElementById("livesearch"). style.border="0px"; return }xmlHttp=GetXmlHttpObject()if (xmlHttp==null) { alert ("Browser does not support HTTP Request") return }var url="livesearch.php"url=url+"?q="+strurl=url+"&sid="+Math.random()xmlHttp.onreadystatechange=stateChanged xmlHttp.open("GET",url,true)xmlHttp.send(null)} function stateChanged() { if (xmlHttp.readyState==4 || xmlHttp.readyState=="complete") { document.getElementById("livesearch"). innerHTML=xmlHttp.responseText; document.getElementById("livesearch"). style.border="1px solid #A5ACB2"; } }function GetXmlHttpObject(){var xmlHttp=null;try { // Firefox, Opera 8.0+, Safari xmlHttp=new XMLHttpRequest(); }catch (e) { // Internet Explorer try { xmlHttp=new ActiveXObject("Msxml2.XMLHTTP"); } catch (e) { xmlHttp=new ActiveXObject("Microsoft.XMLHTTP"); } }return xmlHttp;}

例子解釋

GetXmlHttpObject 與 PHP 和 AJAX 請求 中的例子相同。
showResult() 函式該函式每當一個字元輸入文本框就會執行一次。
如果文本域中沒有輸入 (str.length == 0),該函式把返回欄位設定為空,並刪除周圍的任何框線。
不過,如果文本域中存在輸入,則函式執行:
定義傳送到伺服器的 url (檔案名稱)
把帶有輸入框內容的參數 (q) 添加到 url
添加一個隨機數,以防止伺服器使用快取檔案
調用 GetXmlHttpObject 函式來創建 XMLHTTP 對象,並在觸發一個變化時告知此函式執行名為 stateChanged 的一個函式
使用給定的 url 來打開 XMLHTTP 對象
向伺服器傳送 HTTP 請求
stateChanged() 函式每當 XMLHTTP 對象的狀態發生變化時,該函式就會執行。
當狀態變為 4 (或 "complete") 時,就會使用回響文本來填充 txtHint 占位符的內容,並在返回欄位周圍設定一個框線。
PHP 頁面
由 JavaScript 代碼調用的伺服器頁面是名為 "livesearch.php" 的 PHP 檔案。
"livesearch.php" 中的代碼檢查那個 XML 文檔 "links.xml"。該文檔上的一些頁面的標題和 URL。
這些代碼會搜尋 XML 檔案中匹配搜尋字元串的標題,並以 HTML 返回結果:
<?php$xmlDoc = new DOMDocument();$xmlDoc->load("links.xml");$x=$xmlDoc->getElementsByTagName('link');//get the q parameter from URL$q=$_GET["q"];//lookup all links from the xml file if length of q>0if (strlen($q) > 0){$hint="";for($i=0; $i<($x->length); $i++) { $y=$x->item($i)->getElementsByTagName('title'); $z=$x->item($i)->getElementsByTagName('url'); if ($y->item(0)->nodeType==1) { //find a link matching the search text if (stristr($y->item(0)->childNodes->item(0)->nodeValue,$q)) { if ($hint=="") { $hint="<a href='" . $z->item(0)->childNodes->item(0)->nodeValue . "' target='_blank'>" . $y->item(0)->childNodes->item(0)->nodeValue . "</a>"; } else { $hint=$hint . "<br /><a href='" . $z->item(0)->childNodes->item(0)->nodeValue . "' target='_blank'>" . $y->item(0)->childNodes->item(0)->nodeValue . "</a>"; } } } }}// Set output to "no suggestion" if no hint were found// or to the correct valuesif ($hint == "") { $response="no suggestion"; }else { $response=$hint; } //output the responseecho $response;?>

例子解釋

如果從 JavaScript 送來了任何文本 (strlen($q) > 0),會發生:
PHP 創建 "links.xml" 檔案的一個 XML DOM 對象
遍歷所有 "title" 元素 (nodetypes = 1),以便找到匹配 JavaScript 所傳數據的 name
找到包含正確 title 的 link,並設定為 "$response" 變數。如果找到多於一個匹配,所有的匹配都會添加到變數
如果沒有找到匹配,則把 $response 變數設定為 "no suggestion"
$result 是送往 "livesearch" 占位符的輸出

相關詞條

熱門詞條

聯絡我們