使用Ajax平铺HTML图层的滚动/预加载(谷歌地图样式)

时间:2009-03-12 17:54:08

标签: jquery ajax google-maps prezi

我希望复制Google Maps API的平移(不一定是缩放)效果,但没有图像。基本上,我想将HTML元素放在一个大的坐标系中,并能够围绕它们进行导航,Prezi样式(尽管没有旋转)。

最好,我想通过jQuery / AJAX动态预加载元素,但如果我必须最初加载所有内容,我会。

那里有哪些图书馆允许我这样做?我可以自己编写这个东西,但我无法想象其他人之前没有想过类似的东西。

可以使用Google Maps API完成此操作,如果是这样,怎么做?实现GOverlay接口?

3 个答案:

答案 0 :(得分:2)

哦,你自己也会有这么多的乐趣,如果你使用jQuery肯定不会太费时间,这里简要介绍一下你会做什么...

构建容器/包含布局(使用overflow:hidden以仅显示所需的大小)

然后使用mousedown和mouseup事件捕获用户操作。

根据包含div位置属性(使用“尺寸”插件)

进行相应的操作

您可能会在几分钟内完成首次尝试。

问候

答案 1 :(得分:2)

开放图层 - http://www.openlayers.org/是Google地图组件的开源实现,可能比您需要的更多,但它是一个很好的起点。

答案 2 :(得分:0)

如果你想要以prezi风格导航的html元素你不需要使用缩放效果,那么Zoomooz可能就是你正在寻找的东西,但无论如何,尽管为了获得最佳的兼容性和性能,我认为你需要使用它基于webkit的浏览器......

http://jaukia.github.io/zoomooz/

相关问题