國外有個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


arrow
arrow
    全站熱搜

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

    E-mail轉寄