导读:
今天说说Google地图的Mapplets,这个在英文版中很受欢迎的功能终于推出了,目前还没正式进行推广,只是针对开发人员学习、预览。
在google地图API的文档说明上已经增加了新的链接。http://code.google.com/intl/zh-CN/apis/maps/documentation/mapplets/
什么是 Mapplets?
Mapplets 是在 Google 地图中运行的迷你应用程序。您可以在 Google 地图上创建添加新功能或标注数据的 Mapplet。
Mapplets 与地图 API 相似。主要的区别是 Mapplets 在 Google 地图上运行,而传统地图 API 则用于在其他网站上创建地图。?
Mapplet 是一个封装有迷你网页的 XML 文件。您可以在此迷你网页中放入任何可以放入正常网页的东西,包括 HTML、Javascript 和 Flash。Google 提供了允许 Mapplet 与 Google 地图站点通讯,从远程网站中获取内容并存储用户偏好的 Javascript API。
页面上有很明确的说明,其实说穿了,就是把自己开发的地图应用和数据(可以通过Ajax获得)放到google的相关目录中去,有点类似于Google ig的应用目录。也许有人会问,这对我的网站有什么好处?虽然表面上看,这些应用是在Google的平台上运行,其实内容中的Link都是有你决定的,所以只要你的应用够好,能够吸引大家去用,那么就不怕没有流量。
使用下面的 URL 方法使他人可运行您的 Mapplet: http://ditu.google.com/ig/add?synd=mpl&pid=mpl&moduleurl=
之前的文章中提过,写过一个Demo,大家可以试试看,http://ditu.google.com/ig/add?synd=mpl&pid=mpl&moduleurl=http://it.dianping.com/google_maplet/sh_valentinesday.xml
看看最主要的代码
dianping.com" screenshot=" http://it.dianping.com/google_maplet/sh_valentinesday.gif" thumbnail=" http://it.dianping.com/google_maplet/sh_valentinesday.gif" height="350">
ModulePrefs节点中的一些属性,指定了此mapplet的一些属性,通过增加一些子节点,可获得不同的功能。
title--标题
description--说明
author--作者
author_email--作者邮件地址
screenshot--截屏
thumbnail--缩略图
height--高度(似乎指定了没用,在实际页面中,超出高度,总会被隐藏掉,也许是个bug)
可指示 gadget 加载允许它与地图通讯的 Mapplets Javascript API
还有一些Require可以用来保存用户设定数据等等。具体参见:http://code.google.com/intl/zh-CN/apis/maps/documentation/mapplets/services.html#Storing_User_Preferences
Content节点就是用CDATA保存了我们需要调用地图的部分,地图调用部分都是使用GMap的API,所以如果要开发mapplet必然要对GMap API有所了解,其实使用起来还是比较方便的。可以使用几乎所有html标记和JavaScript脚本。
我的脚本就不做详细的解释了。如果有需要的话,可以再向我索要说明。
大家也拓展一下思路,看看有什么比较好的应用,合适放到mapplet上,可以一起做做看。
本文转自
http://it.dianping.com/google_map_mapplets.htm
今天说说Google地图的Mapplets,这个在英文版中很受欢迎的功能终于推出了,目前还没正式进行推广,只是针对开发人员学习、预览。
在google地图API的文档说明上已经增加了新的链接。http://code.google.com/intl/zh-CN/apis/maps/documentation/mapplets/
什么是 Mapplets?
Mapplets 是在 Google 地图中运行的迷你应用程序。您可以在 Google 地图上创建添加新功能或标注数据的 Mapplet。
Mapplets 与地图 API 相似。主要的区别是 Mapplets 在 Google 地图上运行,而传统地图 API 则用于在其他网站上创建地图。?
Mapplet 是一个封装有迷你网页的 XML 文件。您可以在此迷你网页中放入任何可以放入正常网页的东西,包括 HTML、Javascript 和 Flash。Google 提供了允许 Mapplet 与 Google 地图站点通讯,从远程网站中获取内容并存储用户偏好的 Javascript API。
页面上有很明确的说明,其实说穿了,就是把自己开发的地图应用和数据(可以通过Ajax获得)放到google的相关目录中去,有点类似于Google ig的应用目录。也许有人会问,这对我的网站有什么好处?虽然表面上看,这些应用是在Google的平台上运行,其实内容中的Link都是有你决定的,所以只要你的应用够好,能够吸引大家去用,那么就不怕没有流量。
使用下面的 URL 方法使他人可运行您的 Mapplet: http://ditu.google.com/ig/add?synd=mpl&pid=mpl&moduleurl=
之前的文章中提过,写过一个Demo,大家可以试试看,http://ditu.google.com/ig/add?synd=mpl&pid=mpl&moduleurl=http://it.dianping.com/google_maplet/sh_valentinesday.xml
看看最主要的代码
dianping.com" screenshot=" http://it.dianping.com/google_maplet/sh_valentinesday.gif" thumbnail=" http://it.dianping.com/google_maplet/sh_valentinesday.gif" height="350">
ModulePrefs节点中的一些属性,指定了此mapplet的一些属性,通过增加一些子节点,可获得不同的功能。
title--标题
description--说明
author--作者
author_email--作者邮件地址
screenshot--截屏
thumbnail--缩略图
height--高度(似乎指定了没用,在实际页面中,超出高度,总会被隐藏掉,也许是个bug)
可指示 gadget 加载允许它与地图通讯的 Mapplets Javascript API
还有一些Require可以用来保存用户设定数据等等。具体参见:http://code.google.com/intl/zh-CN/apis/maps/documentation/mapplets/services.html#Storing_User_Preferences
Content节点就是用CDATA保存了我们需要调用地图的部分,地图调用部分都是使用GMap的API,所以如果要开发mapplet必然要对GMap API有所了解,其实使用起来还是比较方便的。可以使用几乎所有html标记和JavaScript脚本。
我的脚本就不做详细的解释了。如果有需要的话,可以再向我索要说明。
大家也拓展一下思路,看看有什么比较好的应用,合适放到mapplet上,可以一起做做看。
本文转自
http://it.dianping.com/google_map_mapplets.htm