Google自訂搜尋

目前分類:AJAX (3)

瀏覽方式: 標題列表 簡短摘要
國外有個Google Maps
台灣有個UrMap
在使用API前,一樣都得申請授權碼
http://www.urmap.com/SearchEngine/api/signup.html
但是請記住,授權碼只適用於當前目錄下的所有檔案,但不包含子目錄,詳情請看:
http://www.urmap.com/SearchEngine/api/faq.html#1

而這邊是API的說明文件區:
http://www.urmap.com/SearchEngine/api/documentation/

OK!資源都有了!
現在開始,來使用吧

首先,我們要先在前面引入帶有授權碼的API

而API預設Encoding是Unicode(UTF-8)
因此,如果你是使用Big5來開發的話,請多加上charset


好了,引入之後,開始撰寫吧
喔對了,為了方便起見,引入一下prototype.js吧!
以下用Prototype.js唷!
來張新地圖如何?
在body內要來個div標籤

這個div標籤可以調整大小,這個就交給你們自己搞拉~
然後,我們就可以開始寫拉~
底下我們寫著



OK!現在在地圖上看看顯示了什麼呢?
沒錯.. 我們學校Orz..

可是我看人家的地圖上都有縮放的控制,還可以切換電子地圖、衛星地圖
那該怎樣作呢???

很簡單拉XD
UrMap提供三個控制器
* U_FULLZOOM_CONTROL
* U_MINIZOOM_CONTROL
* U_TYPE_CONTROL

這3個是什麼呢?
哦!
第一個是很長的那條,有顯示縮放層級外加+-按鈕的那個
第二個是只有+-按鈕
第三個是在右上角顯示"電子地圖"、"衛星影像"跟"衛星地圖"拉!

那要怎樣加入呢??
將地圖新增好後,使用addControl來增加

map.addControl(U_FULLZOOM_CONTROL);
map.addControl(U_TYPE_CONTROL);

很簡單吧??
下次再來寫其他的:P


hechian 發表在 痞客邦 留言(0) 人氣()

嗯... 在此推薦一本書
Flag的沈時宇出的
Google成功背後的技術 Ajax網頁程式設計
話說沈先生是我們Contagion以前的同事... 咳咳..算了不多說
可是我認為... Google好像成功的原因是它下的方針對才是...

* Ajax
* Ajax.Responders
* Ajax.Base
** Ajax.PeriodicalUpdater
** Ajax.Request
*** Ajax.Updater


hechian 發表在 痞客邦 留言(0) 人氣()

作得還挺累的.. 不過原始碼也寫得挺亂的XD
原始碼下載:
http://stmail.tajen.edu.tw/~593092514/ajaxLogin.tar.gz
沒錯,如你所見
是tar ball檔案..
不過裡面不是Shell Script啦!
是純正的PHP=  =
XD
 

hechian 發表在 痞客邦 留言(0) 人氣()