3分鐘為網站添加動態地圖功能
& n% K# K# x8 C( f' N) G8 Z; G9 n4 q: S1 `( t
作者:Leon Zhang, DigiMarketing.cn
5 }9 O* k/ _" V4 F1 a9 d+ D" b$ W: t& j# y5 E0 O7 A
在網站上添加一個小型的動態地圖,尤其是那些需要查詢地理位置的頁面(如經銷商列表/位置頁面),無疑可以為網站訪問者帶來更好的用戶體驗,進而有助於提高網站用戶滿意度及轉化率。這對於網站營銷人員而言無疑很具有吸引力。
% }5 g x' x+ I, Z" |) t- O0 h9 I) M; M/ A
其實從技術實現角度來講,這個非常簡單,並不需要進行任何複雜的開發編程的工作,只需要利用一些現成的 API (Application Programming Interface, 應用程序編程接口) 或開放插件代碼即可,稍有代碼基礎的人都可以輕鬆搞定。下面就拿兩個常見的地圖服務提供商 Google 和 Live Search (Virtual Earth) 為例進行說明。; o) B! [# p3 T; _' Q ^! C
# x3 y- v" v/ _
# z6 [- N" e W" u, ]. m# i& jGoogle 地圖8 s/ z4 @, p: P. A
1 s! a# m) B7 y g2 Y B
示例:
& q# ~$ |. s% n9 [2 ]* B) t 9 B# D9 k/ E! @& B
步驟:2 F7 H: l$ \5 |& @7 J
1 x2 `* X& A/ q第一步:訪問網址 http://msdn.microsoft.com/zh-cn/library/bb429619.aspx$ T9 ?7 X& L1 @" Z" m" P# a
* P: \2 I/ A: S; D7 B: \第二步:頁面下方直接就有一段完整代碼示例,可以直接利用
) [) g, Q; n* h5 o2 k
7 o- c$ ^6 L. V5 p9 U" Y% `! X9 A第三步(可選):修改一些基本參數(如地圖中心的經緯度等)對地圖進行調整控制,可以參考 http://msdn.microsoft.com/zh-cn/library/bb429593.aspx
) G, z$ q; W3 m1 C+ J4 l
; O& o+ x+ p) `8 l7 G% x/ H8 z0 c5 Q% y- O, H
當然,API 的強大遠遠不止於此,比如說 Google 還提供了炫目的地圖街道全景等等很多功能,, b' C! I" i2 w) F! [ {' g5 Z
如果想瞭解更多相關信息,可以訪問下面的鏈接:
8 f! U8 J7 \7 R: ?5 ^& n) }1 W, p# ^! t" E3 O- G0 W( k2 X
Google 街道地圖:http://code.google.com/intl/zh-CN/api ... /services.html#Streetview$ m' C+ T% w3 u
Google Code 主頁:http://code.google.com/
: |" r1 t; ]* w9 sLive Search API 主頁:http://dev.live.com/livesearch/ |
|