3分钟为网站添加动态地图功能 (Google, Live Search / Virtual Earth)
在网站上添加一个小型的动态地图(如 Google 地图),尤其是那些需要查询地理位置的页面(如经销商列表/位置页面),无疑可以为网站访问者带来更好的用户体验,进而有助于提高网站用户满意度及转化率。这对于网站营销人员而言无疑很具有吸引力。
其实从技术实现角度来讲,这个非常简单,并不需要进行任何复杂的开发编程的工作,只需要利用一些现成的 API (Application Programming Interface, 应用程序编程接口) 或开放插件代码即可,稍有代码基础的人都可以轻松搞定。下面就拿两个常见的地图服务提供商 Google 和 Live Search (Virtual Earth) 为例进行说明。
Google 地图
示例:
http://digimarketing.cn/uploads/article/file/GoogleMapsAPI.html
步骤:
准备:注册 Google 账户(如有 Google 账户则忽略此步)
第一步:访问网址 http://code.google.com/intl/zh-CN/apis/maps/
第二步:点击右侧链接:注册一个 Google Maps API 密钥
第三步:输入自己的网站网址并同意许可条款
第四步:恭喜,您的 API 密钥生成了。具体使用方法可以直接参考该页面下方的代码示例
(注:只需要手动把示例代码中的maps.google.com换成ditu.google.com,并适当调整经纬度,即可显示中文地图)
Live Search 地图 (Virtual Earth)
示例:
http://digimarketing.cn/uploads/article/file/LiveMapsAPI.html
步骤:
第一步:访问网址 http://msdn.microsoft.com/zh-cn/library/bb412551.aspx
第二步:页面下方直接就有一段完整代码示例,可以直接利用
第三步(可选):修改一些基本参数(如地图中心的经纬度等)对地图进行调整控制,可以参考 http://msdn.microsoft.com/zh-cn/library/bb429593.aspx
当然,API 的强大远远不止于此,比如说 Google 还提供了炫目的地图街道全景等等很多功能,示例如下:
http://code.google.com/intl/zh-CN/apis/maps/documentation/examples/streetview-simple.html
如果想了解更多相关信息,可以访问下面的链接:
Google 街道地图:http://code.google.com/intl/zh-CN/apis/maps/documentation/services.html#Streetview
Google Code 主页:http://code.google.com/
Live Search API 主页:http://dev.live.com/livesearch/
作者:Leon Zhang, DigiMarketing.cn
引用地址: http://digimarketing.cn/?p=351