3分钟为网站添加动态地图功能

在网站上添加一个小型的动态地图（如 Google 地图），尤其是那些需要查询地理位置的页面（如经销商列表/位置页面），无疑可以为网站访问者带来更好的用户体验，进而有助于提高网站用户满意度及转化率。这对于网站营销人员而言无疑很具有吸引力。

其实从技术实现角度来讲，这个非常简单，并不需要进行任何复杂的开发编程的工作，只需要利用一些现成的 API (Application Programming Interface, 应用程序编程接口) 或开放插件代码即可，稍有代码基础的人都可以轻松搞定。下面就拿两个常见的地图服务提供商 Google 和 Live Search (Virtual Earth) 为例进行说明。

Google 地图

示例：

步骤：

准备：注册 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://msdn.microsoft.com/zh-cn/library/bb412551.aspx

第二步：页面下方直接就有一段完整代码示例，可以直接利用

第三步（可选）：修改一些基本参数（如地图中心的经纬度等）对地图进行调整控制，可以参考 http://msdn.microsoft.com/zh-cn/library/bb429593.aspx

当然，API 的强大远远不止于此，比如说 Google 还提供了炫目的地图街道全景等等很多功能，示例如下：

如果想了解更多相关信息，可以访问下面的链接：

Google 街道地图：http://code.google.com/intl/zh-CN/api ... /services.html#Streetview
Google Code 主页：http://code.google.com/
Live Search API 主页：http://dev.live.com/livesearch/