I have just found a band-aid fix for this issue. Not sure if this is
an issue with webkit on the iphone, its interaction with the maps api,
(which I suspect) or my dubious coding, but anyway - this may come up
in a search so I shall post it.
Basically, when the javascript function is called to add the flip
class, reset the height and width of the map div first, then do the
class change to do the transform.
e.g.
( assuming you have a function: function $(mid){return
document.getElementById(mid);} )
$('mapDiv').style.height =window.innerHeight + 'px';
$('mapDiv').style.width =window.innerWidth + 'px';
$('mapDiv').style.top = '0px';
$('mapDiv').style.left = '0px';
then
$('card').className = ($('card').className == 'card') ? 'card
flipped' : 'card';
V.
On Oct 31, 4:09 pm, variable <[EMAIL PROTECTED]> wrote:
> Bit of a specialized one....
>
> I am trying to use an iphone webkit transform (the -webkit-transform:
> rotateY(180deg); ) on a map I have set up on an iphone. The idea is
> to bring up prefs, bookmarks, etc, when an onscreen button is clicked
> - the map rotates in the y axis to show prefs on the back. A bit like
> on the google iphone app.
>
> It all works fine - but occasionally the
>
> -webkit-backface-visibility: hidden;
>
> command does not seem to work properly, and the back of the map is
> shown, rather than the other side of the card....
>
> Has anyone got webkit rotate transforms to work reliable with the maps
> api?
>
> regards
>
> V.
--~--~---------~--~----~------------~-------~--~----~
You received this message because you are subscribed to the Google Groups
"Google Maps API" group.
To post to this group, send email to [email protected]
To unsubscribe from this group, send email to [EMAIL PROTECTED]
For more options, visit this group at
http://groups.google.com/group/Google-Maps-API?hl=en
-~----------~----~----~----~------~----~------~--~---
