[OpenLayers-Dev] Harware accelerated CSS3 animations for iOS

Eric Lemoine eric.lemoine at camptocamp.com
Sat Apr 9 02:30:38 EDT 2011

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

More information about the Dev mailing list