3分钟为网站添加动态地图功能 (Google, Live Search / Virtual Earth)


3分钟为网站添加动态地图功能在网站上添加一个小型的动态地图(如 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

 

关注新浪微博 @张亮Leon

引用地址: http://digimarketing.cn/?p=351

本文由 Leon Zhang 发布(原创、翻译或转载)。 浏览量:1,287次, 发布日期: 2008-11-17 ,分类目录: 网站平台。 您可以订阅本文 RSS 2.0 第一时间获取最新的回复信息。 评论和引用功能暂时关闭。

评论已关闭

登录 | 晋ICP备08002114号