國外有個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標籤可以調整大小,這個就交給你們自己搞拉~
然後,我們就可以開始寫拉~
在底下我們寫著
22.726980736709827, 22.726980736709827), 10); //centerAndZoom是將地圖移到地圖的中心點,並指定縮放到指定的顯示層級,用ULatLng來產生一個新的座標,然後第二個引數是顯示層級
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
台灣有個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標籤可以調整大小,這個就交給你們自己搞拉~
然後,我們就可以開始寫拉~
在底下我們寫著
22.726980736709827, 22.726980736709827), 10); //centerAndZoom是將地圖移到地圖的中心點,並指定縮放到指定的顯示層級,用ULatLng來產生一個新的座標,然後第二個引數是顯示層級
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