2007年8月14日星期二

将Google Maps嵌入网页中

自从Google Maps推出"My Maps"后,在在线地图中新增数据变得容易多了,打造一个个性化地图不再是属于技术人员和发烧爱好者的专利。但仅仅是打造一个个性化地图无法满足互动性的需求,要实现更大程度上的互动必须将Google Maps嵌入网页中。但是直至目前为止,要在网页中嵌入一个符合自己要求的Google Maps还并不是一件方便、简单的事情。自然,利用Google Maps API可以做到这一点,而且可以实现足够的自定义需求。然而要利用Google Maps API来定制符合自己要求的个性化Google Maps需要一定的JavaScript知识(虽然一些普遍的定制方案可以很轻松地搜索到)。

但如果利用一些第三方服务,要做到这一点并不难。Map Generator就是一个典型的这种服务,通过输入你需要嵌入网页的Google Maps中的地标的名称以及地标所在地址,生成代码后既然嵌入到网页中。但Map Generator的缺陷在于只能适用于美国这种Google Maps街道信息很齐全的国家,如果要嵌套的地标的所在位置是中国这种连最基本的街道信息都不包含的国家,那就没有办法了。而且Map Generator在一个地图中只能包含一个地标,无法在一个地图中显示多个地标。以下是一个使用Map Generator生成的地图示例:

如果Map Generator无法满足你的个性化定制需求也同样不用失望。利用Google Maps的"My Maps"功能打造好一个个性化地图之后,将其以KML文件的形式导出。将这个KML文件上传到My Maps Plus后,即可生成你的个性化地图的嵌入代码了。我想这种程度的自定义应该已经可以满足绝大部分用户的需求了。

此外,如果你对使用第三方服务感到厌烦,或许你可以考虑多等一个星期。据APCMAG的报导,在一个星期之后,Google Maps就会提供一个简便的嵌入到网页的选项。Google对其简便程度的描述是,只要你懂得如何嵌入YouTube视频到网页中,那你就懂得如何嵌入Google Maps到网页中。Google承诺,正如YouTube视频的嵌入方式,这将会被简化成一个复制/粘贴代码到网页中的过程。嵌入的地图将会拥有Google Maps的全部功能,嵌入的地图将包含Map view(街道视图)、Satellite view(卫星视图)和Hybrid view(混合视图)。用户可以通过点击拖动的方式来观察周边的地图(via GOS)。

不过如果简便到这种程度我就很怀疑定制性能强到什么程度了。不过如果能像My Maps Plus一样利用My Maps来实现倒是还能让人满意。估计实现出来的效果应该差不多等同于Map Generator和My Maps Plus的混合体吧。此外另外一个让我很在意的是如果包含全部功能是否会包含Street View(街景视图)模式呢?我估计应该不太可能。如果你觉得直接嵌入Google Maps到网页中显示太过普通,不妨尝试一下利用Google Maps Lightbox来进行对链接效果的强化,效果很不错哦。

没有评论: