具有缓冲效果的Mapbar Api – easeOutCubic效果应用

话说这个效果早在年前的时候,就做出来了,年后回来就一直没再折腾了,今天想起来,特放出来让大家看下这个效果如何。

目前腾讯地图,谷歌地图都有这样的缓冲效果,觉得具有这样效果的地图确实增加了不少的用户体验。

之前写过了一篇此效果的一个简单实例的文章《Javascript缓动效果(easeOutCubic)应用实例》,里面有代码。

现在我把这个效果整合到了Mapbar的Api中去了,具体效果请点击下面的展示链接。

演示地址:mapbar_demo.html
下载API:mapbarapi_v31.2_mod_by_CrossYou

《全文完》

『演示』Javascript缓动效果(easeOutCubic)应用实例

为什么我要像着做一个这样的应用实例呢?

主要是看到谷歌地图,QQ地图的用户拖拽地图的缓动效果那美好的用户体验让我欲罢不能,所以就下定决心透过现象深入本质,根据QQ地图的API源码自己简单的用DIV块模拟地图块实现了一个这样的缓动效果。

最后本人本着乐于分享的精神,沉重并迫不及待的写下了这篇拙文,以做总结。

好吧,直接先看DEMO

所有源代码都在这一个文件中,有兴趣的童鞋,可以深入研究下,有什么问题的可以留言讨论哈!

因为写的比较仓促,定有写不足之处,关于此效果,我将会在以后的文章中深入浅出的做些分析。

《全文完》