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

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

; D# Y1 ?! W8 G+ ^. f1 _作者：Leon Zhang, DigiMarketing.cn
, v# c2 Y) `. X; F) }$ N' L7 P- N
在網站上添加一個小型的動態地圖，尤其是那些需要查詢地理位置的頁面（如經銷商列表/位置頁面），無疑可以為網站訪問者帶來更好的用戶體驗，進而有助於提高網站用戶滿意度及轉化率。這對於網站營銷人員而言無疑很具有吸引力。

其實從技術實現角度來講，這個非常簡單，並不需要進行任何複雜的開發編程的工作，只需要利用一些現成的 API (Application Programming Interface, 應用程序編程接口) 或開放插件代碼即可，稍有代碼基礎的人都可以輕鬆搞定。下面就拿兩個常見的地圖服務提供商 Google 和 Live Search (Virtual Earth) 為例進行說明。


Google 地圖
3 L3 T8 u1 v, x- ]2 j
示例：

6 B, `6 w" i0 Z步驟：
. T' p; C- Y) }8 z% g
第一步：訪問網址 http://msdn.microsoft.com/zh-cn/library/bb429619.aspx
. i/ [0 x8 J! b5 q, s. }# m) e
0 x3 Q3 ^0 H, T- v7 Z" I  q第二步：頁面下方直接就有一段完整代碼示例，可以直接利用
9 P! T* _2 y1 p% L5 ~! c: x) F
第三步（可選）：修改一些基本參數（如地圖中心的經緯度等）對地圖進行調整控制，可以參考 http://msdn.microsoft.com/zh-cn/library/bb429593.aspx
6 R& w7 ^% G& X% C9 y1 e9 C$ n' S

. V) K5 Y% i/ R; @- c& B當然，API 的強大遠遠不止於此，比如說 Google 還提供了炫目的地圖街道全景等等很多功能，
如果想瞭解更多相關信息，可以訪問下面的鏈接：

Google 街道地圖：http://code.google.com/intl/zh-CN/api ... /services.html#Streetview
# J; r" k/ t; b% `! eGoogle Code 主頁：http://code.google.com/
Live Search API 主頁：http://dev.live.com/livesearch/