[OpenLayers-Dev] Harware accelerated CSS3 animations for iOS

[Eric Lemoine]

On Saturday, April 9, 2011, Tim Schaub <tschaub at opengeo.org> wrote:
> On 4/8/11 4:52 PM, Gregers Gram Rygg wrote:
>
> Hi,
>
> I've been playing around with latest version of OpenLayers from svn.
> Great work on the mobile version :)
>
> Found a little trick to vastly improve the pinch-zoom performance on
> iPhone/iPad:
>
> img.olTileImage {
>      -webkit-transform: translate3d(0, 0, 0);
> }
>
>
>
> Thanks for passing on the tip.  I don't see a noticeable difference in the iOS simulator, but I'll try on a real device later.
>
> I'm thinking that due to the "new and buggy" nature of the hardware accelerated transforms and our proximity to a 2.11 release, it doesn't make sense to drop this in at this point.
>
> It is certainly something we can suggest people use.  And if we find that it brings more benefits than drawbacks, I think it makes sense to include in the style.css we ship.
>
> Interested to hear how it works for others.

I'll test it in my iPhone.

See also <http://bennolan.com/2011/04/08/native-maps-speed-in-javascript.html>
for other performance optimizations. (I've just tested the demo and
haven't looked at the details for now.)

-- 
Eric Lemoine

Camptocamp France SAS
Savoie Technolac, BP 352
73377 Le Bourget du Lac, Cedex

Tel : 00 33 4 79 44 44 96
Mail : eric.lemoine at camptocamp.com
http://www.camptocamp.com