3分鐘為網站添加動態地圖功能

3分鐘為網站添加動態地圖功能

作者：Leon Zhang, DigiMarketing.cn

在網站上添加一個小型的動態地圖，尤其是那些需要查詢地理位置的頁面（如經銷商列表/位置頁面），無疑可以為網站訪問者帶來更好的用戶體驗，進而有助於提高網站用戶滿意度及轉化率。這對於網站營銷人員而言無疑很具有吸引力。
8 n" m1 w3 J2 b: D
8 L( s, b! d: r其實從技術實現角度來講，這個非常簡單，並不需要進行任何複雜的開發編程的工作，只需要利用一些現成的 API (Application Programming Interface, 應用程序編程接口) 或開放插件代碼即可，稍有代碼基礎的人都可以輕鬆搞定。下面就拿兩個常見的地圖服務提供商 Google 和 Live Search (Virtual Earth) 為例進行說明。
# t3 _: [& o2 l- ~3 H/ _, ]
( R0 w- f6 U( D( Q8 `
Google 地圖

. x7 `# F' k$ P- ~0 V示例：

2 F+ J, W* l0 t1 k) ~7 Z& D步驟：
; W3 v$ K+ Y" _: j7 d" A7 L3 N
第一步：訪問網址 http://msdn.microsoft.com/zh-cn/library/bb429619.aspx
" w- J1 j. I! H9 G" \
第二步：頁面下方直接就有一段完整代碼示例，可以直接利用

8 s4 \8 W' w" h# j# J: x* \第三步（可選）：修改一些基本參數（如地圖中心的經緯度等）對地圖進行調整控制，可以參考 http://msdn.microsoft.com/zh-cn/library/bb429593.aspx

, Y3 z8 ^% D4 b2 k# v3 J/ s
當然，API 的強大遠遠不止於此，比如說 Google 還提供了炫目的地圖街道全景等等很多功能，
; d2 A( s1 A, _如果想瞭解更多相關信息，可以訪問下面的鏈接：

* v" v: ^  F+ s9 D/ PGoogle 街道地圖：http://code.google.com/intl/zh-CN/api ... /services.html#Streetview
+ y4 Z; i8 H3 R) `, \" ?/ T7 eGoogle Code 主頁：http://code.google.com/
8 I$ w- G( r1 {( ZLive Search API 主頁：http://dev.live.com/livesearch/