本文中將使用工具輕松構建終極的Hello World mashup：Google地圖mashup……

　　Google 地圖 Mashup預覽

　　在此，直接運行示例代碼將幫助您將所有的代碼片斷連接到一起。為了指導您如何使用代碼，下面的列表突出了上文提到的重要代碼片斷，以及它們之間如何協(xié)作。

• 　　用戶向瀏覽器請求ajaxGoogleMapsMashup.html，其結構如下 ：
• 　　單擊時調(diào)用getLocationsAndMap() 函數(shù)的 HTML 按鈕
• 　　id 為locations_div的空div 標記，地址將在此插入
• 　　id 為google_map_div 的空 div 標記，Google 地圖將被插入
• 　　用戶單擊按鈕， getLocationsAndMap() 向REST 服務(getD2DSites.html)發(fā)出一個XMLHttpRequest 。
• 　　REST 服務以JSON文本返回一個地址列表，該列表會在getLocationsAndMapCallback()中進行反序列化。
• 　　getLocationsAndMapCallback()為在返回列表中查找到的每個地址插入 HTML，其中包含一個錨定標記。
• 　　用戶單擊一個地址的錨定標記，將觸發(fā)對showAddress() 的調(diào)用，并傳遞位置的街道地址。
• 　　showAddress() 從Google API調(diào)用 JavaScript 代碼，它將正確的地圖注入到google_map_div 元素中。

　　下載

　　結束語

　　如您所見，我將HTML、JavaScript、XMLHttpRequest、Google API和 JSON 組合在一起，創(chuàng)建了一個Hello World mashup 的實例。第一次這樣使用這些技術，您可能會感到難以理解，但是會很快對于這些技術的組合感到滿意。Web 2.0 是Web 應用程序開發(fā)的主流趨勢，這種創(chuàng)建mashup的模式可以成功在Web 2.0項目中應用。