Hello all
I've created a map which uses the bounce animation in v3 to animate
the markers on rollover of an external link. The events are attached
like this:
google.maps.event.addListener(marker, 'dblclick',
(function(marker, i) {
return function() {
marker.setAnimation(google.maps.Animation.BOUNCE);
setTimeout(function(){
marker.setAnimation(null); }, 750);
}
})(marker, i));
And the external links trigger the animation onmouseover like this:
<a onmouseover="javascript:google.maps.event.trigger(markersArray[0],
'dblclick');"
href="javascript:google.maps.event.trigger(markersArray[0],
'click');">Link name</a>
(I'm using dblclick because it's an obscure event, and I don't want
the bounce to happen on rollover of the markers on the map itself.)
My problem is that the markers flicker just before they animate. First
time round, I see the 'no image' box for a split second, then after
that (presumably once that image is loaded) there is a perceptible
flicker before the animation begins. This happens even when I specify
my own icons so it's not a case of having to transfer them from
Google's servers.
You can see the page in question here:
http://39steps.co.uk/dev5422/index.php/case_studies/
The flicker happens in FF9 and Chrome 16.
--
You received this message because you are subscribed to the Google Groups
"Google Maps JavaScript API v3" 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-js-api-v3?hl=en.
